title: Background color doesn't apply to whole page Vue.js
body: <p>I'm trying to apply background-color property to my Vue.js application.
  Since I want it to be displayed on all pages, I'm applying CSS directly to  tag in index.html:</p>
  
  <pre><code>&lt;head&gt;
  &lt;style&gt;
  body, html {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  body {
    background-color: black;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
   &lt;body&gt;
     &lt;div id="app"&gt;&lt;/div&gt;
     &lt;!-- built files will be auto injected --&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p>So, as I see through the inspector, html doesn't cover the whole page<a href="https://i.stack.imgur.com/NTQGq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NTQGq.png" alt="enter image description here"></a></p>
  
  <p>How to apply background-color to the whole page?</p>