title: background-color doesn't apply to my page
body: <p>After styling my css I wanted to add a red background.
  Problem is when I add the css to my body it doesn't apply to my page.</p>
  
  <p>Could you tell me what's wrong and why?</p>
  
  <p>You can find my code here: <a href="https://codepen.io/jardi/pen/RGNZJV" rel="nofollow">https://codepen.io/jardi/pen/RGNZJV</a></p>
  
  <pre class="lang-css prettyprint-override"><code>body {  
    background-color:red;
  }
  
  #pageTitle {
    text-align:center;
    font-family:Monospace;
    color: rgb(51,22,225);
    padding:50px;
    font-size:30px;
  }
  
  .paraGraphs {
    font-size:20px;
    font-family:Times New Roman;
    margin-left:50px;
    margin-right:50px;
    text-align:justify;
  }
  
  #bottom-image{
    display: block;
    margin: 0 auto;
  }
  </code></pre>