html {
    /* background: var(--bg-gradient);
    background-repeat: no-repeat;
    height: 100%; */
}

body {
    /* background: transparent; */
}

h1 {
    font-size: min(4em, 15vw)
}

a.nav-button {
    font-family: "Briel Nib Bold", Courier, monospace;
}

main {
    width: 70%;
    margin: auto;
}

main p {
    padding: 0.5em;
    background-color: var(--bg-color);
    border-radius: 0.5em;
}

form {
    margin: 1em auto;
    padding: 0.5em 1em;
    background: var(--bg-gradient);
    border-radius: 0.5em;
}

textarea {
    background-color: var(--bg-color);
    display: block;
    margin: 0.5em 0;
    max-width: 100%;
}

textarea + button {
    /* margin-bottom: 0.3rem; */
}


@media screen and (max-width: 685px) {
    header .nav-button {
        display: block;
        height: 3.5em;
    }

    header .nav-button svg.ui {
        margin: 0.1em 0em;
        max-height: 2em;
    }

    header .home-button .button-text {
        position: static;
    }
}