title: GitHub Pages website rendering locally but not on server
body: <p>I am developing a personal website at <a href="https://kajalv.com" rel="nofollow noreferrer">https://kajalv.com</a>. I made a number of changes now and they look fine locally. (Also, downloading the repo and opening index.html works fine.) But when I pushed to my master repository at <a href="https://github.com/kajalv/kajalv.github.io" rel="nofollow noreferrer">https://github.com/kajalv/kajalv.github.io</a>, some CSS seems to have been lost.</p>
  
  <p>For example, this works locally but the change isn't visible on the actual site - </p>
  
  <pre><code>#contactContainer img
  {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    opacity: .5;
    border: 2px solid black;
    box-shadow: 5px;
    margin-bottom: 40px;
  }
  </code></pre>
  
  <p>Similarly, a paragraph font color is set to black but this change isn't reflected on the site:</p>
  
  <pre><code>.eduInfo p
  {
    color: black;
  }
  </code></pre>
  
  <p>Another issue is my favicon. I can see it when I open the index.html file locally, but not on the actual site. I have set it using this code.</p>
  
  <pre><code>&lt;link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /&gt;
  </code></pre>
  
  <p>I checked to see if I had any uncommitted changes, but there were none:</p>
  
  <pre><code>On branch master
  Your branch is up-to-date with 'origin/master'.
  nothing to commit, working directory clean
  </code></pre>
  
  <p>I have a number of such changes, but I'm assuming they are all the same issue. What could be the problem? Could this be an issue with GitHub Pages using my changes very slowly?</p>