title: HTML to CSS link not working
body: <p>The link in my html file is not working. I'm not sure if it's something else, though. When I run the file, nothing appears on the screen. There are supposed to be five rectangles all different colors(you might be able to figure that out). This is probably a really easy fix, but I am a beginner and am in need of some quick help. Here is my html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
           &lt;link rel="stylesheet" type="text/css" href="stylesheet.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="play"&gt;&lt;/div&gt;
          &lt;div id="create"&gt;&lt;/div&gt;
          &lt;div id="yellow"&gt;&lt;/div&gt;
          &lt;div id="green"&gt;&lt;/div&gt;
          &lt;div id="purple"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my CSS:</p>
  
  <pre><code>#play {
      background-color:#FF0000;
      height: 70%;
      width: 60%;
  }
  
  #create {
      background-color:#0000FF;
      position: relative;
      height: 28%;
      width: 60%;
      top:2%;
  }
  
  #yellow {
      background-color:#E2BE22;
      height: 28%;
      width: 39%;
      position: relative;
      left: 61%;
      bottom: 26%;
  }
  
  #green {
      background-color:#008800;
      position: relative;
      height: 34%;
      width: 39%;
      left: 61%;
      bottom: 90%;
  }
  
  #purple {
      background-color:purple;
      position:relative;
      height: 34%;
      width: 39%;
      left: 61%;
      bottom: 160%;
  }
  </code></pre>