title: Using 2 different body background colors
body: <p>What would be the best way of doing 2 different background colors?</p>
  
  <p>Code:
  <a href="https://playcode.io/test4343?tabs=index.html,preview" rel="nofollow noreferrer">https://playcode.io/test4343?tabs=index.html,preview</a></p>
  
  <p>When it's first viewed it's one color,</p>
  
  <p><a href="https://i.imgur.com/gQVK7r8.png" rel="nofollow noreferrer">https://i.imgur.com/gQVK7r8.png</a></p>
  
  <p>After you click on circle, if I wanted to give it a different color how would I do that?</p>
  
  <p><a href="https://i.imgur.com/oDe8raQ.png" rel="nofollow noreferrer">https://i.imgur.com/oDe8raQ.png</a></p>
  
  <pre><code>body {
    background: #353198;
  }
  </code></pre>