title: Set body color but div block has different color
body: <p>I am doing a project.
  I want to have same background color on body, but when i set body color, div with <code>.container-fluid</code> class gets other color.</p>
  
  <p>How can I set same color on both?</p>
  
  <p><strong>Here is my code:</strong>
  <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-color: rgb(0, 223, 26);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="container-fluid" style="background-color:rgb(0,223,26)"&gt;
    &lt;div class="row"&gt;
      &lt;div class="offset-4 col-4 offset-4"&gt;
        &lt;div class="offset-1"&gt;
          &lt;h1 style="color:rgb(240,255,0)"&gt;Random Einstein's Quote Generator&lt;/h1&gt;
        &lt;/div&gt;
        &lt;b&gt;&lt;div class="randomquote" style="font-size:20px"&gt;
        &lt;/div&gt;&lt;/b&gt;
        &lt;div class="offset-3"&gt;
          &lt;button id="quotegenerator" style="font-size:14px" class="offset-1 col-4 offset-1 btn btn-primary"&gt;New Quote&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>