body,li{display:flex}body,pre,ul{margin:0}.spacer,pre{overflow:hidden}a,html{color:var(--color-fg)}:root{--color-bg:#222;--color-fg:#999;--color-fg-subtle:#555;--color-highlight:#3d8;--char-type-time:.045s;--char-type-time-raw:.045;--blink-time:calc(var(--char-type-time) * 26);--chars:13;--delay-chars:0;--cursor-blinks:0}html{background:var(--color-bg);font-family:ui-monospace,monospace}body{min-height:100vh}main{margin:auto}.ascii-art{position:relative}.ascii-art .overlay{position:absolute;top:0;left:0;color:var(--color-fg-subtle)}ul{padding:0;list-style:none}li{width:calc(1ch * (var(--chars) + 1))}@keyframes cursor{from{border-right-color:var(--color-fg-subtle)}}@keyframes cursor-blinking{0%{border-right-color:var(--color-fg-subtle)}50%{border-right-color:transparent}}li::after{content:"";border-right:1ch solid transparent;animation:cursor 1s step-end,cursor-blinking var(--blink-time) step-end;animation-delay:calc(var(--char-type-time) * var(--delay-chars)),calc(var(--char-type-time) * (var(--chars) + var(--delay-chars)));animation-iteration-count:calc(var(--char-type-time-raw) * var(--chars)),var(--cursor-blinks)}.spacer{visibility:hidden;white-space:nowrap}@keyframes typing{from{width:0}to{width:calc(1ch * var(--chars))}}pre{display:inline-block;width:0;font-size:1rem;animation:typing steps(var(--chars)) calc(var(--char-type-time) * var(--chars));animation-delay:calc(var(--char-type-time) * var(--delay-chars));animation-fill-mode:forwards}a{text-decoration:none}a span{color:var(--color-highlight)}a:hover,a:hover span{color:var(--color-bg);background-color:var(--color-highlight)}