title: How to style body tag with CSS-in-JS approach?
body: <p>I am a beginner to CSS-in-JS and emotion, and trying to port a sass react app to emotion. Right from the start I already have the issue of not knowing how to style the body tag. </p>
  
  <p>Do people generally use <code>document.body.style</code> to do this? I can't find this covered anywhere ...</p>
  
  <p>Suppose I want to port following code to emotion, how would that be accomplished?</p>
  
  <pre><code>$bodyFillColor: rgb(218, 236, 236);
  
  body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    max-width: 100vw;
    background-color: $bodyFillColor;
    .noScroll {
      overflow: hidden;
    }
  }
  </code></pre>
  
  <p>Have any best practices evolved yet that cover this?</p>