title: Changing the background property of the html, not the body
body: <p>How do I change the background property of the html? I was able to change the background of the body element, but I want to manipulate the html &quot;tag&quot; (?).</p>
  <p><strong>Code to manipulate the body background</strong></p>
  <pre><code>document.body.style = 'background: radial-gradient(circle, rgba(131,170,203,1) 4%, rgba(69,113,148,1) 50%, rgba(39,71,97,1) 100%);';
  </code></pre>
  <p><strong>These attempts didn't work</strong></p>
  <pre><code>document.html.style = 'background: red';
  document.style = 'background: red';
  </code></pre>
  <p><strong>I want to change this part</strong></p>
  <pre><code>html {
      font-family: Arial, Helvetica, sans-serif;
      color: white;
      -webkit-user-drag: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
  
      background: radial-gradient(circle, rgba(131,170,203,1) 4%, rgba(69,113,148,1) 50%, rgba(39,71,97,1) 100%);
  }
  </code></pre>