@charset "UTF-8";:root{--bs-blue: #0000aa;--bs-gray: #555555;--bs-white: #fff;--bs-yellow: #ffff55;--bs-dark: #000;--bs-primary-text: #ffff55;--x-pos: 0px;--y-pos: 0px}@font-face{font-family:pxdos;src:url(/assets/Px437_IBM_EGA8-CAYx8iD7.otf);font-display:swap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes randomFloatAndRotate{0%{transform:otate(0deg)}to{transform:rotate(360deg)}}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:pxdos,monospace;width:100vw;margin:0;padding-top:5vh;background-color:var(--bs-blue);color:var(--bs-white);text-align:center;animation:fadeIn 2s ease-out forwards;overflow:hidden}body .typewriter{display:flex;justify-content:space-around;align-items:center;gap:.1em}body .typewriter h1{flex-grow:1;position:relative;overflow:hidden;margin:0 auto;letter-spacing:.15em;width:90vw;color:var(--bs-primary-text)}body .typewriter h1:after{content:"_";animation:blink-caret .75s step-end infinite}body section,body canvas{display:flex;flex-direction:column;justify-content:center;align-items:center}body canvas{border:2px solid var(--bs-white);background-color:#fff;margin-top:20px}p,code{width:90vw;color:var(--bs-gray)}iframe{position:absolute;width:100px;height:100px;border:none;top:var(--y-pos, 0px);left:var(--x-pos, 0px);transition:top 4s ease-out,left 3s ease-out;animation:randomFloatAndRotate 4s linear infinite;z-index:1}