<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">canvas {
    display: block;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

main {
    display: flex;
    justify-content: center;
    align-items: center;
}

header {
    display: flex;
    /* position: sticky; top: 0; z-index: 1; */
    flex-flow: row wrap;
    align-items: center;
    gap: 0.5em 1.5em;

    margin-top: 0;
    padding: 0.3em 1em;

    background: #77779933;
    

    &gt; h1 { font-size: 120%; font-family: "Orbitron", sans-serif; margin: 0; font-style: italic; }
}

nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: center;

    gap: 0.5em 1em;

    &gt; menu {
        /* border: none; */
        padding: 0.2em 0.4em;
        margin: 0;

        text-wrap: nowrap;

        border-inline-start: 3px solid;
        border-radius: 2px;

        background-image: linear-gradient(to bottom, #55a2, #88c3);

        /* display: flex; */

        &gt; input, &gt; button {
            border-radius: 3px;
            border: 1px solid #888c;
        }

        &gt; h2 {
            font-style: italic;
            margin: 0;
            margin-bottom: 0.1em;
            font-size: 80%;
            font-weight: normal;
        }
    }
}

#p5-container {
    height: 100%;
    width: 100%;
}
</pre></body></html>