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

export default (c: Context) => {
    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>
    </>
}