@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{font-family:VT323,monospace;font-size:12px}body{background-color:#111;margin:0;padding:2ch}#logo{padding-top:60px;background-color:#000;background-image:url(/retro.png);background-repeat:no-repeat;background-size:320px 200px;width:320px;height:200px;margin:auto}#mobile{margin:auto;width:100%;position:relative;text-align:center;display:none}#mobile img{width:80%}#mobile h1{font-size:24px;margin:20px;text-align:center}#text{color:#fff;text-align:center;padding-top:20px;margin:auto;width:auto;text-transform:uppercase}h1{margin:auto;color:#fff;padding-top:10px;width:auto}h1 a{color:#fff}#buttons{width:auto;text-align:center;margin:auto;padding-top:15px}#container{max-width:930px;margin:auto}#monitor{background:#000;position:relative;border-top:3px solid #444;margin:5%;padding:2% 2% 4%;border-radius:10px 10px 50% 50%/10px 10px 2% 2%;transition:margin-right 1s;display:none}#monitor:after{content:"";display:block;position:absolute;bottom:3%;left:36%;height:.5%;width:28%;background:#666;border-radius:20%;box-shadow:0 0 3px #fff}#monitorscreen{background-color:#000;background-size:cover;background-position:top center;height:0;padding-bottom:75.2%;position:relative;overflow:hidden}#monitorscreen>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}@media all and (min-width:960px){#monitor{animation:tvflicker 3s infinite alternate}@keyframes tvflicker{0%{box-shadow:0 0 100px #d5581066}to{box-shadow:0 0 60px #48200899}}}canvas{background-color:#000;width:100%}.vspace{margin-top:20px!important}.h{color:#88a!important}.btn{background:#7c7c7c;border-bottom:6px inset rgba(0,0,0,.5);border-left:6px inset rgba(0,0,0,.5);border-right:6px inset rgba(255,255,255,.5);border-top:6px inset rgba(255,255,255,.5);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:2.2rem;margin:1rem;padding:.5rem;padding-left:15px;padding-right:15px;text-transform:uppercase;width:auto}.btn:focus,.btn:hover{background:#bcbcbc}.btn.grey{background:#666}.btn.grey:focus,.btn.grey:hover{background:#555}.btn.primary{background:#881400}.btn.primary:focus,.btn.primary:hover{background:#a81000}.btn.secondary{background:#005800}.btn.secondary:focus,.btn.secondary:hover{background:#006800}.btn.tertiary{background:#0000bc}.btn.tertiary:focus,.btn.tertiary:hover{background:#0000fc}.noselect{-webkit-user-select:none;user-select:none}#footer{color:#fff;text-align:center;margin:auto;width:auto;text-transform:uppercase;background-color:#000;color:#d75810;font-size:24px;white-space:nowrap;overflow:hidden;position:relative;padding-top:0}.writer{animation:animated-text 2s steps(30,end) 1s 1 normal both}@keyframes animated-text{0%{width:0}to{width:100%}}.pinput{padding-top:25px;padding-bottom:25px}input[type=text]{font-family:VT323,monospace;font-size:26px;outline-width:0;color:#fff;border:3px solid white;box-shadow:inset 0 0 8px #0000001a,0 0 16px #0000001a;padding:9px;background:#00000080;margin:0 0 10px}#joystick1,#joystick2{display:none}@media only screen and (max-width:760px)and (orientation:portrait){#logo{padding-top:0;background-size:120px 80px;width:120px;height:80px;margin:auto}html{font-family:VT323,monospace;font-size:7px}.vspace{margin-top:5px!important}#footer{font-size:12px}#text,#buttons{padding-top:5px}input[type=text]{font-family:VT323,monospace;font-size:12px}#monitor{margin:0%}#joystick1{position:relative;width:50%;height:200px;float:left;display:block}#joystick2{position:relative;width:50%;height:200px;float:right;display:block}}@media only screen and (min-device-width:320px)and (max-device-width:812px)and (-webkit-min-device-pixel-ratio:2)and (orientation:landscape){html{font-family:VT323,monospace;font-size:8px}#container{display:flex;justify-content:center;align-items:center}#mobile img{width:40%}#monitor{margin-top:0;margin-bottom:1%;width:58%}#joystick1{display:table-cell;position:absolute;left:3%;top:50%;width:150px;height:100px}#joystick2{display:table-cell;position:absolute;right:3%;top:50%;width:150px;height:100px}#logo{padding-top:0;background-size:120px 80px;width:120px;height:80px;margin:auto}.vspace{margin-top:5px!important}#footer{font-size:14px}#text{padding-top:5px}#buttons{padding-top:4px}input[type=text]{font-family:VT323,monospace;font-size:12px}}