title: Applying global styles in Next.js
body: <p>I am using Next.js with Typescript. The margin of the body is default 8px and I want to get it to 0px. When I try to add an external style sheet to my <code>index.tsx</code> file it throws an error that you can only add external stylesheet to <code>_app.tsx</code>. However, even when I try to import in my <code>_app.tsx</code>, it doesn't change the global style of the body. I am using Emotion css for the styling part. Is there a different way to change the style of the body in the index file using global style? Here is my <code>index.tsx</code> code and I have tried adding the global styles using Emotion CSS as well but it doesn't work.</p>
  <pre><code>class Index extends React.Component {
    render() {
      return (
        &lt;div className='body'&gt;
          &lt;Container&gt;
            &lt;style jsx global&gt;{`
              .body:global() {
                margin: 0px;
              }
            `}&lt;/style&gt;
            &lt;NavBar /&gt;
          &lt;/Container&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>