:root {
    --input: var(--white);
}



.front .login                       { color: black; }
.front .backdrop                    { color: #543; }
.wide 								{ max-width: calc((100vw - 10rem)); }


.fs > button        { padding: 0.5em; border-radius: 50%; margin: 0 auto; }
.fs > button svg    { margin: 0; padding: 0; top: 0.15em; width: 1.5em; }


.doc .VP                    { width: 40em; grid-gap: 2em; }
.doc h1                     { margin-bottom: 1em; }
.doc blockquote             { font-family: Annie; text-align: left; margin: auto 0; padding: 0.5em 0 1em 3em; background: url(../icons/quote.svg) no-repeat 0em 0em; background-size: 2em; }


/*
.prompt .oneword    { font-size: 1.7em; text-align: left; }
.prompt svg.back    { height: 30vh; bottom: 0; top: auto; margin-bottom: -33vh; }
*/


@media only screen and (max-width: 769px) {
    .wide 	{ max-width: calc((100vw - 6rem)); }
}


@media only screen and (max-width: 609px) {
    .wide 	{ max-width: calc((100vw - 2rem)); }
}