:root { color-scheme: dark; background: #000; color: #57ff76; font: 16px/1.5 "Courier New", monospace; }
main { max-width: 740px; margin: 2rem auto; padding: 1rem; }
img { width: min(100%, 450px); display: block; }
nav, section { border-block-start: 1px dashed #57ff76; padding-block-start: 1rem; }
section { margin-block-start: 1.5rem; }
a { color: inherit; text-underline-offset: .25em; }
h2 { text-transform: uppercase; }
h2::before { content: "> "; }
label { display: block; margin: 1rem 0; }
input, select, option, button, input::file-selector-button {
    font: inherit; color: inherit; background: #000; border: 1px solid #57ff76; padding: .6rem;
}
input, select { display: block; width: 100%; box-sizing: border-box; }
input::placeholder { color: #76bb80; }
button, input::file-selector-button { cursor: pointer; }
button:hover, button:focus-visible { color: #000; background: #57ff76; }
:focus-visible { outline: 2px dashed #57ff76; outline-offset: 3px; }
code { overflow-wrap: anywhere; }