body {
    font-family: "Noto Sans", sans-serif;
    background-color: #222;
    color: white;
}

main {
    margin: 1em 5vw;
}

hgroup {
    h1 {
        margin-bottom: 0.2em;
    }

    p {
        margin-top: 0.2em;
        font-size: 0.85em;
        font-style: italic;
    }
}

h1, h2, pre, code {
    font-family: "JetBrains Mono", monospace;
}

code {
    background-color: #121212;
    padding: 0.08em;
    border-radius: 5px;
}

a:link {
    color: #deadbe;
    text-decoration: underline dotted;
}
a:visited {
    color: #cafeba;
}
a:focus, a:hover {
    text-decoration: underline solid;
}
a:active {
    text-decoration: underline wavy;
}

#anim label {
    display: flex;
    justify-content: center;
    align-items: center;
}
#anim-area {
    display: flex;
    padding: 1em;
    justify-content: center;
    align-items: center;
    font-family: "JetBrains Mono", monospace;
}

footer {
    margin: 2em 3vw;
    padding-top: 1em;
    border-top: solid #333 1px
}