html, body { margin: 0; background-color: var(--background); color: var(--color); font-size: 1.25rem; } * { box-sizing: border-box; } a { color: currentColor; text-decoration: none; user-select: all; } a:hover { color: white; } nav { text-align: center; } nav > * + * { margin-left: 1ch; } header, main { margin: 32px; } main form { display: flex; flex-direction: column; gap: 16px; max-width: 80ch; align-items: flex-start; } form textarea, form input { font-size: 1rem; font-family: serif; border: none; padding: 0.5em; } textarea:focus, input:focus { outline: dotted white; } textarea { width: 80ch; height: 25ch; }