title: Codepen project not updating .css from .scss file
body: <p>CodePen doesn’t want to update my .css from the changes I’m making to the .scss file. It got the first set of changes I did, but none thereafter. Here’s the codepen: <a href="https://codepen.io/webidextrous/project/editor/ZmJQar" rel="nofollow noreferrer">https://codepen.io/webidextrous/project/editor/ZmJQar</a></p>
  
  <p>And here's the contents of the styles/index.scss file</p>
  
  <pre><code>  /**
     * index.scss
     * - Add any styles you want here!
     */
  
    body {
      background: #f5f5f5;
      width:70%;
    }
  
    #intro {
      background-color:#C43835;
      color:#fff;
      padding:10 10 10 10;
      margin:10 10 10 10;
    }
  
    #portfolio {
      background-color:#376F86;
      color:#fdf;
    }
  
    #contact {
      background-color:#2FC6F1
      color:#999;
    }
  
    #footer {
      background-color:#FBFBFF;
      color:#111;
    }
  </code></pre>
  
  <p>The following code is what it's "stuck" on and won't update to reflect what's in the .scss file.</p>
  
  <pre><code>  /**
     * index.scss
     * - Add any styles you want here!
     */
  
    body {
      background: #f5f5f5;
      width: 60%;
      margin: auto;
    }
  
    #intro {
      background-color: #C43835;
    }
  
    #portfolio {
      background-color: #376F86;
    }
  
    #contact {
      background-color: #2FC6F1;
    }
  
    #footer {
      background-color: #FBFBFF;
    }
  </code></pre>
  
  <p>What am I not understanding about how this should work? Is my syntax wrong?</p>