import '../styles/global.css';
import localFont from 'next/font/local'

const roboto = localFont({ src: './fonts/RobotoFlex.woff2'});
const roslindale = localFont({ src: './fonts/RoslindaleVariable.woff2'});

function App({ Component, pageProps }) {
  return (
    <>
      <style jsx global>{`
        html {
          font-family: ${roboto.style.fontFamily}, arial, sans-serif;
        }
        h1 {
          font-family: ${roslindale.style.fontFamily}, 'Times New Roman', serif;
        }
      `}</style>
      <Component {...pageProps} />
    </>
  )
}

export default App;