title: How to import CSS file into Google Colab notebook (Python3)
body: <p>I am working on a Python 3 notebook in <a href="https://colab.research.google.com" rel="noreferrer">Google Colab</a>. I would like to use a CSS file to change the header styles (color, font, etc.) and change numbered sub-lists to alphabetical. <strong>I need help importing the CSS into a Colab notebook.</strong></p>
  
  <p>Here is the Markdown code:</p>
  
  <pre><code># List
  1. item
  1. item
  1. item
    1. sub-item
    1. sub-item
    1. sub-item
  </code></pre>
  
  <p>It renders as:</p>
  
  <h1>List</h1>
  
  <ol>
  <li>item</li>
  <li>item</li>
  <li>item
  
  <ol>
  <li>sub-item</li>
  <li>sub-item</li>
  <li>sub-item</li>
  </ol></li>
  </ol>
  
  <p>Here's the CSS:</p>
  
  <pre><code>ol ol {
    list-style-type: lower-roman;
  }
  h1 {
    color: red;
  }
  </code></pre>
  
  <p>I want it to render as:</p>
  
  <h1>List (should be red)</h1>
  
  <ol>
  <li>item</li>
  <li>item</li>
  <li>item<br>
  a) sub-item<br>
  b) sub-item<br>
  c) sub-item</li>
  </ol>