// https://www.smashingmagazine.com/2020/09/comparison-styling-methods-next-js/#styled-jsx

// https://github.com/vercel/next.js/blob/canary/examples/with-styled-jsx/pages/index.tsx

​

export default function Home() {

  return (

    <div className="hello">

      <p>Hello World</p>

​

      <style jsx>{`

        .hello {

          font: 15px Helvetica, Arial, sans-serif;

          background: #eee;

          padding: 100px;

          text-align: center;

          transition: 100ms ease-in background;

        }

        .hello:hover {

          background: #ccc;

        }

      `}</style>

    </div>

  )

}