:root{--okra-green:#abff77;--dark-okra-green:#73ac50;--dark-purple:#605063;--teal:#61ada0;--fg:#fff;--cloudy:#a4a4a4;--dark:#121212;--charcoal:#2c2c2c;--coal:#1f1f1f;--danger:#f77;--bold:700;--semibold:600;--medium:500;--regular:400}*{font-family:Readex Pro,sans-serif;padding:0;margin:0;color:#fff}::-moz-selection{background-color:var(--okra-green);color:var(--dark)}::selection{background-color:var(--okra-green);color:var(--dark)}.content{min-height:calc(100vh - 2em * 2);padding:2em 4em;display:flex;flex-direction:column;gap:2em;background-color:var(--dark)}img{-o-object-fit:cover;object-fit:cover}nav{justify-content:space-between}nav,nav>.logo{display:flex;align-items:center}nav>.logo{height:1em;color:#fff;font-weight:var(--semibold);gap:10px}nav>.logo,nav>.logo>span{font-size:1.5em}.btn,button{-webkit-appearance:button;-moz-appearance:button;appearance:button;text-decoration:none;background-color:var(--okra-green);border:none;border-radius:.5em;padding:.75em 2.5em;font-size:1em;font-weight:var(--medium);cursor:pointer;color:var(--dark)}.btn:hover,button:hover{opacity:80%}.btn.dark,button.dark{background-color:var(--charcoal);color:var(--fg)}.darken{filter:blur(5px)}.highlight{color:var(--okra-green)}h1{font-weight:var(--medium);font-size:2em}h2{font-weight:var(--regular);font-size:1.25em}h6,input{font-weight:var(--regular);font-size:1em}input{background-color:var(--charcoal);border:none;padding:.75em 1.25em;min-width:15em;border-radius:.5em}.form{display:flex;flex-direction:column;gap:3em;justify-content:center;align-items:center;margin-top:7em}.form>div{text-align:center}.form>div>h2{font-size:1em;font-weight:var(--medium)}.form>form{display:flex;flex-direction:column;gap:1em;align-items:center}.form>form>button{margin-top:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.spaced{display:flex;align-items:center;gap:2em}a{text-decoration:none;color:var(--okra-green)}a:hover{opacity:80%}code{font-family:monospace;background-color:var(--charcoal);padding:2px 8px;border-radius:2px;color:var(--okra-green)}.danger{background-color:var(--danger)}.danger-text{color:var(--danger)}button:disabled,button[disabled=disabled]{background-color:var(--danger);opacity:80%;cursor:not-allowed}textarea{background-color:var(--charcoal);border:none;resize:none;width:100%;padding:1em;font-size:1em;border-radius:.2em}