import Head from 'next/head'
import { Global } from '@emotion/react'

export default function Home() {
  return (
    <div>
      <Head>
        <title>Next.js Playground</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <Global
        styles={{
          body: {
            padding: '2rem',
            fontFamily: 'sans-serif'
          },
          h1: {
            marginTop: 0
          }
        }}
      />

      <h1>Next.js Playground</h1>
      <div css={{ color: 'orchid' }}>Some colored text</div>
    </div>
  )
}
