title: My CSS isn't being applied at all. What is my error?
body: <p>I was trying to load a CSS file to HTML to style it except the CSS doesn't load. I placed both the files in the same directory </p>
  
  <p>I have an HTML file called Homepage.html and a CSS file called Homepage.css:</p>
  
  <pre><code>&lt;html&gt;
      &lt;title&gt;
              Welcome to Sids World!
              &lt;link rel="stylesheet" type="text/css" href="homepage.css"&gt;
      &lt;/title&gt;
  
      &lt;body&gt;
          &lt;div id="header"&gt; &lt;!-- menu here --&gt; 
              This Site is Under Construction 
          &lt;/div&gt;
          &lt;div&gt;&lt;!-- global division --&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Furthermore, my CSS file (located in the same directory) has the following code:</p>
  
  <pre><code>body
  {
      font-size:100%;
      background-color:red;
  
  }
  #header
  {
      text-align:center;
      font-size:4em;
      font-family:sans-serif;
      background-color:blue;
  }
  </code></pre>
  
  <p>I expect when this loads that the background of the entire site will be red and the background surrounding my text will be blue, but this does not occur. What am I missing here?</p>
  
  <p>The file paths of both files are:</p>
  
  <p>C:\Sid\Rutgers\ComputerScience\SiteForDeploy\htmlfiles\Homepage.html</p>
  
  <p>C:\Sid\Rutgers\ComputerScience\SiteForDeploy\htmlfiles\Homepage.css</p>
  
  <p>I am using Sublime Text Editor for my processing if that helps</p>