title: css file doesn't link to html
body: <p>I am learning web design and i have a very simple issue that i haven't been able to find an answer to. I created a very simple page for an example and both documents are in the same folder. it works as a snippet on here, but then it doesn't work on my computer. I have checked the filepath for the stylesheet several times, but it doesn't work. If anyone can help that would be very appreciated. Thanks!
  (im not sure if the snippet is useful but i thought i would include it anyways)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    background-color: #eee;
  }
  
  #header {
    background-color: #66CCFF;
    color: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt;
    &lt;div id="header"&gt;
      &lt;h1&gt;text&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="content"&gt;
      &lt;div id="nav"&gt;
        &lt;h3&gt;nav&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;home&lt;/li&gt;
          &lt;li&gt;about&lt;/li&gt;
          &lt;li&gt;contact&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div id="main"&gt;
        &lt;h2&gt; other text &lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>