title: Cannot add a background color to html element outside of App.Vue
body: <p>first of all, thank you for reading my question!</p>
  
  <p>I am looking to add a background color, a gradient more specifically, to a Vue page. Not all pages, but just one. But when I write this in components/Frontpage.Vue</p>
  
  <pre><code>html {
    background: linear-gradient(45deg, #17ead9, #6078ea);
    height: 100vh;
    margin: 0;
    background-attachment: fixed;
  }
  </code></pre>
  
  <p>it doesn't work, the background stays white. But when I put the exact same code in App.Vue, it works perfectly. I can work around that issue by importing an external css. But it doesn't look really clean. Does someone have a solution?</p>
  
  <p>EDIT: So basically: I have to put my background in  because it can only be displayed on this page. But because it is scoped, I can't access the 'html'-element.</p>
  
  <p>Thank you very much for having read my question, even if you cannot help me. It's my first post on StackOverflow!</p>