title: Font color not changing despite lack of overriding CSS specifiers
body: <p>I learned recently that CSS properties can be overridden if another selector contains more specificity.  The problem however is that I was only applying <em>one</em> property, the font color, to the body of my page, yet it still does not register.  </p>
  
  <p>The basis of my issue lies in the fact that I cannot find any characteristic of my CSS code that would somehow override the font color I have applied to the body. Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
   background: url(https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=6726719ee78dabe78033950d9f3f7145&amp;auto=format&amp;fit=crop&amp;w=1650&amp;q=80);
   background-size: cover;
   background-position: center;
   font-family: 'Exo';
   color: white;
  }
  
  #content {
   text-align: center;
   padding-top: 25%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet"/&gt;
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
        &lt;div id="content"&gt;
          &lt;h1&gt;Student Union for Purposeful Education&lt;/h1&gt;
          &lt;h3&gt;Learning &lt;em&gt;by&lt;/em&gt; students, &lt;em&gt;for&lt;/em&gt; students.&lt;/h3&gt;
          &lt;hr&gt;
          &lt;button class="btn btn-default btn-lg"&gt;Get Started!&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is there some specifier that's overriding the white font color that I'm not taking into account?</p>