.font-pixel{font-family:"Press Start 2P",cursive}.font-console{font-family:VT323,monospace;font-size:1.25rem}body{background-color:#f0f4f8;background-image:linear-gradient(#cfd8dc 1px,transparent 1px),linear-gradient(90deg,#cfd8dc 1px,transparent 1px);background-size:20px 20px;color:#1a1a1a;margin:0;padding:0;line-height:normal}.retro-box{border:4px solid #000;box-shadow:6px 6px #000;transition:all .1s;background-color:#fff}.retro-box:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.retro-btn{border:4px solid #000;box-shadow:4px 4px #000;transition:all .1s;text-transform:uppercase;cursor:pointer;display:inline-block;font-family:"Press Start 2P",cursive;font-size:.8rem;text-align:center;text-decoration:none}.retro-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.retro-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.bg-retro-red{background-color:#ff5252;color:#fff}.bg-retro-blue{background-color:#448aff;color:#fff}.bg-retro-yellow{background-color:#ffeb3b;color:#000}.bg-retro-green{background-color:#69f0ae;color:#000}.bg-retro-purple{background-color:#e040fb;color:#fff}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.retro-input{border:3px solid #000;font-family:VT323,monospace;font-size:1.5rem;padding:.5rem;width:100%;background:#fff;outline:none}.retro-input:focus{background:#e3f2fd}.pixel-img-container{border:4px solid #000;padding:4px;background:#fff;margin-bottom:1.5rem;position:relative}.pixel-img{width:100%;height:auto;image-rendering:pixelated;display:block}