import React from 'react';
import Document, { Head, Main, NextScript } from 'next/document';
import { ServerStyleSheet } from 'styled-components';
const style = {
margin: 0,
backgroundColor: '#f3f3f3',
font: '16px/1.45 "Nunito", sans-serif',
overflowX: 'hidden',
color: 'black',
};
class AppDocument extends Document {
static getInitialProps({ renderPage }) {
const sheet = new ServerStyleSheet();
const page = renderPage(App => props => sheet.collectStyles());
const styleTags = sheet.getStyleElement();
return { ...page, styleTags };
}
render() {
return (
{this.props.styleTags}
);
}
}
export default AppDocument;