body { background: black; color: white; font-family: monospace; } #braille { line-height: .92; border: 1px solid white; font-weight: 900; } .bigguy { display: flex; padding-top: 25px; } .lambda { font-family: Andale Mono, monospace; font-size: 12px; display: inline-block; } .linkbox { display: flex; align-items: center; justify-content: center; flex: 1; } .links { font-size: 16px; display: inline-block; position: absolute; background: black; padding: 3px; border: 1px solid white; } .links > span { color: white; } .links a { color: lightgreen; } .links a:visited { color: lightgreen; } @media only screen and (max-width: 440px) { .bigguy { display: block; } } /* Char trail */ #chars { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .chr { position: absolute; user-select: none; font-family: monospace, monospace; color: #00000000; animation-name: fade; animation-duration: 2s; } @keyframes fade { from { color: limegreen; } to { color: #00000000 } }