import Head from 'next/head'
import Footer from '../components/misc/footer'
import Header from '../components/misc/header'
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return (
    <div style={{ backgroundColor: '#ad4932' }}>
      <Head>
        <title>Nerdbrawl</title>
        <link rel="icon" href="/favicon.ico" />
        <link rel="preconnect" href="https://fonts.gstatic.com"></link>
        <link href="https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300&display=swap" rel="stylesheet"></link>
      </Head>

      <Header />

      <main className="flex flex-col justify-around items-center">
        <Component  {...pageProps} />
        <Footer />
      </main>


    </div>
  )
}

export default MyApp

