: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; }
@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)); }
}
