body { color: white; background-color: black; font-family: "Jura", monospace; font-variant-caps: small-caps; position: relative; overflow-x: hidden; } .logo { margin-top: 0em; margin-bottom: 0em; font-size: 10em; } #overlay { position: absolute; top: 0; right: 0; left: 0; height: 100%; background: orange; mix-blend-mode: multiply; pointer-events: none; overflow: none; } #root { width: min(90vw, 50em); margin: auto; border-left: 1px solid white; border-right: 1px solid white; padding: 0.5em; min-height: 95vh; } h1 { font-size: 4em; } h2 { font-size: 3em; } p { font-size: 2em; padding: 1em; } .center { text-align: center; margin: auto; } input { font-family: "Jura", monospace; font-variant-caps: small-caps; color: white; background-color: black; font-size: 1em; padding: 0.5em; margin: 0.5em; font-weight: bold; border: 2px solid; } input[type=button] { padding: 0.6em; font-size: 1.3em; } input[type=button]:hover { color: black; background-color: white; } input[type=button]:active { color: black; background-color: grey; }