title: CSS file not linking to HTML file when website uploaded online
body: <p>I have tested out my website from my computer without any web hosting and my html document and css document are linking perfectly. However, when i decided to try it out online on 000webhost, i uploaded both files and made sure that the directories were correct, but the html document ended up with no style whatsoever. Can someone please help me, I'm new with this stuff. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link type="text/css" rel="stylesheet" href="stylesheet.css"/&gt;
          &lt;title&gt;BandRate&lt;/title&gt;
      &lt;/head&gt;
  &lt;body class="page"&gt;
      &lt;div class="title"&gt;
          &lt;div id="title"&gt;
              &lt;span class="capital_letter"&gt;B&lt;/span&gt;and&lt;span class="capital_letter"&gt;R&lt;/span&gt;ate
          &lt;/div&gt;
          &lt;a href="test.html" id="SignUp"&gt;Band Sign Up&lt;/a&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.page {
      background-color:#FF0000;
  }
  .title {
      position:relative;
      top:0px;
      left:0px;
      width:100%; 
      height:75px; 
      background-color:#800000;
  }
  #title {
      font-family:broadway;
      font-size:60px;
      color:#FF0000;
      position:absolute;
      left:5px;
      top:0px;
  }
  #SignUp {
      position:absolute;
      background-color:#690404;
      right:0px;
      top:0px;
      padding-right:10px;
      padding-left:10px;
      font-family:broadway;
      font-size:20px;
      color:#ff0000;
      padding-top:26px;
      padding-bottom:26px;
      text-decoration:none;
  }
  #SignUp:hover {
      background-color:#540303;
  }   
  .capital_letter {
      color:white;
  }
  </code></pre>