text: // _document is only rendered on the server side and not on the client side
  // Event handlers like onClick can't be added to this file
  
  // ./pages/_document.js
  import Document, { Head, Main, NextScript } from 'next/document';
  
  export default class MyDocument extends Document {
    static async getInitialProps(ctx) {
      const initialProps = await Document.getInitialProps(ctx);
      return { ...initialProps };
    }
  
    render() {
      return (
        <html>
          <Head>
            <style>{`
              body {
                position: absolute;
                height: 100%;
                margin: 0,
                color: #fff;
                background-color: #159944;
                background-image: linear-gradient(120deg,#1557aa,#159944);
              }
            `}</style>
          </Head>
          <body>
            <Main />
            <NextScript />
          </body>
        </html>
      );
    }
  }