import { text } from "./other"
import { css } from "@utils"

export default () => {
    return <>
        {css`
        body {
            background-color: cyan;
            font-family: "Comic Sans MS", "Comic Sans", "Chalkboard", "Comic Neue", cursive;
        }

        main { width: 500px; margin: 0 auto; }

        h1 { color: red; border-bottom: 1px dashed red; }

        p { color: magenta; font-size: 18px; }
        `}

        <main>
            <h1>{text}</h1>
            <p>
                This is a really nice website. I'm glad you like it.
            </p>
        </main>
    </>
}


