title: CSS Body background-color doesn't work?
body: <p>I'm assuming this is a super simple issue, but I'm staring blankly at my screen trying to figure this out. I'm trying to change some things of the body of my html document, but nothing changes?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@charset "utf-8";
  body
  {
      background-color: aqua;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Statistics&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="main.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
   integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;button type="button" class="btn btn-lg btn-default-outline"&gt;View All&lt;/button&gt;  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If i change the background image, it works fine. Any idea why? Could it be the bootstrap css?</p>