@import"https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Rubik+Bubbles&family=Space+Mono&display=swap";#about{position:relative;padding-top:0}#about p{font-family:Space Mono,monospace;font-size:15px;font-weight:400;line-height:1.6;margin:0;text-align:justify;white-space:pre-line}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes bobber{0%{transform:translateY(calc(-1 * var(--bob-amplitude)))}50%{transform:translateY(var(--bob-amplitude))}to{transform:translateY(calc(-1 * var(--bob-amplitude)))}}body{background-color:#f2511b;color:#fff;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:700;-webkit-user-select:none;user-select:none}#root{overflow-x:hidden;width:100vw;height:100vh}main{background-color:#1a1a1a;background-image:linear-gradient(180deg,rgba(0,0,0,.3),transparent);background-size:1px 128px;background-repeat:repeat-x;position:relative}@media(min-width:768px){main{height:90%}}.bobber{--bob-amplitude: 12px;--bob-duration: 6s;--bob-delay: 0s;animation:bobber var(--bob-duration) var(--bob-delay) ease-in-out infinite;will-change:transform}.bobber:hover{animation-play-state:paused}.container{padding:2em}@media(min-width:768px){.container{padding:3em}}.container>div{margin:auto;max-width:1280px}@keyframes emitter-spin{0%{transform:rotate(0)}to{transform:rotate(72deg)}}#awards{display:grid;grid-template-columns:auto 1fr}#awards h4{font-family:Rubik Bubbles,system-ui;font-style:normal;font-weight:400;grid-column:1/-1;margin:.5em 0}#awards .emitter{aspect-ratio:1/1;background-color:#1a1a1a;color:#f2511b;display:flex;align-items:center;justify-content:center;font-size:2em;height:100%;line-height:1;transform-origin:center}#awards .emitter span.enter{animation:emitter-spin .5s ease}#awards ul{display:grid;margin:0;padding:0;overflow:hidden}#awards ul li{background-color:#fff;display:flex;align-items:center;grid-area:1/1;justify-self:start;line-height:1;list-style:none;transition:transform .5s ease,opacity .5s ease}#awards ul li.enter{opacity:0;transform:translate(-100%)}#awards ul li.shown{opacity:1;transform:translate(0)}#awards ul li.exit{opacity:0;transform:translateY(100%)}#awards ul li.idle{opacity:0;transform:translate(-100%);visibility:hidden}#awards a{color:#1a1a1a;flex-direction:column;padding:1em;text-decoration:none;transition:color .25s ease-in-out}#awards a small{color:#666;display:block;margin-top:.5em}#awards a:hover{color:#f2511b}@keyframes backgroundGrid{0%{background-position-y:0}to{background-position-y:2000%}}#background-grid{perspective:25vh;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}#background-grid #grid{animation:backgroundGrid 120s linear infinite;will-change:background-position-y;background-image:linear-gradient(#f2511b 2px,transparent 2px),linear-gradient(to right,#f2511b 2px,#1a1a1a 2px);background-position:center;background-size:160px 90px;transform:rotateX(45deg);position:absolute;top:0;left:-50%;width:200%;height:100%}#background-grid #mask{background:linear-gradient(180deg,#1a1a1a,transparent);position:absolute;top:30%;left:0;width:100%;height:30%}#background-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#background-static{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#experience{padding:1em 1em 4em}#experience>div{align-items:center;display:grid;grid-template-columns:1fr;gap:3em}@media(min-width:768px){#experience>div{align-items:start;font-size:1.3em;grid-template-columns:1fr 1fr;margin:4em auto 2em}#experience>div>*:first-child{grid-column:1/-1}}#experience>div>*{min-width:0}#experience article{line-height:1}#experience article h3{color:#1a1a1a;font-family:Rubik Bubbles,system-ui;font-size:2.8em;font-style:normal;font-weight:400;margin:0 auto}#experience article span{color:#dedede;display:block;font-family:Space Mono,monospace;font-size:.8em;letter-spacing:.08em;margin:1em auto;text-transform:uppercase}#experience article p{font-size:1.4em;margin:0}footer{background-image:linear-gradient(180deg,transparent,#dedede);color:#666;position:relative;text-align:center}footer:before{content:"";display:block;background-image:linear-gradient(to bottom right,#f2511b 50%,transparent 50%),linear-gradient(to bottom left,#f2511b 50%,transparent 50%);background-position:bottom center;background-repeat:repeat-x;background-size:5em 3.5em;height:2.5em;margin-bottom:2.5em}footer.container{padding-top:0;padding-left:0;padding-right:0}footer p{display:block;margin:2em auto}footer p img{height:.7em;margin:auto .2em}footer p.copyright{color:#fff;text-shadow:0px 1px 2px #666}footer p:last-of-type{margin:auto}footer a{border-radius:3px;color:#1a1a1a;font-size:1.2em;padding:.3em .5em;text-decoration:none;transition:all .25s ease-in-out}footer a:hover{background-color:#fff;color:#f2511b}@keyframes shake{10%{transform:translate(-6px,3px)}20%{transform:translate(6px,-4px)}35%{transform:translate(-5px,5px)}50%{transform:translate(5px,-3px)}65%{transform:translate(-3px,4px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}.shake{animation:shake .35s ease-out forwards}@keyframes brick-nudge-top{0%{top:0}40%{top:5px}to{top:0}}@keyframes brick-nudge-bottom{0%{top:0}40%{top:-5px}to{top:0}}@keyframes brick-nudge-left{0%{left:0}40%{left:5px}to{left:0}}@keyframes brick-nudge-right{0%{left:0}40%{left:-5px}to{left:0}}@keyframes brick-glow{0%{text-shadow:0 0 6px white,0 0 14px #f2511b}20%{text-shadow:0 0 10px white,0 0 24px #f2511b,0 0 48px #f2511b}to{text-shadow:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#game.container{padding-top:0}#game canvas{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}#game #wall{font-family:Space Mono,monospace;font-size:30px;font-style:normal;font-weight:400;line-height:1.5;text-align:justify;position:relative}#game #wall .brick{position:relative;transition:opacity .25s ease-in-out .15s}#game #wall .brick.hit{opacity:.15}#game #wall .brick.hit.top{animation:brick-nudge-top .18s ease-out,brick-glow .42s ease-out forwards}#game #wall .brick.hit.bottom{animation:brick-nudge-bottom .18s ease-out,brick-glow .42s ease-out forwards}#game #wall .brick.hit.left{animation:brick-nudge-left .18s ease-out,brick-glow .42s ease-out forwards}#game #wall .brick.hit.right{animation:brick-nudge-right .18s ease-out,brick-glow .42s ease-out forwards}#hud{z-index:2;padding-bottom:0;padding-top:0;position:absolute;left:0;right:0;bottom:-3em}#hud>div{display:flex;align-items:baseline;justify-content:space-between;font-family:Rubik Bubbles,system-ui;font-size:24px;line-height:2em;text-transform:uppercase}#hud #status{animation:blink 2s step-start infinite}#hud #lives{display:inline-flex;flex-direction:row-reverse;gap:.5em}#hud #lives div{background-color:#dedede;border-radius:50%;width:18px;height:18px}#hud #lives div.dead{background-color:#1a1a1a}header{position:relative}header.container{padding-bottom:0}header>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:1.5em 0}@media(min-width:768px){header>div{flex-direction:row;align-items:center;justify-content:space-between}}header h1,header h2{font-style:normal;margin:0}header h1{font-size:32px}@media(min-width:768px){header h1{font-size:48px}}header h2{color:#f2511b;font-size:24px;line-height:2}@media(min-width:768px){header h2{font-size:36px}}@keyframes lava-scroll{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:1400px 0;mask-position:1400px 0}}.lava-mask{animation:lava-scroll 10s linear infinite;background-color:#f2511b;-webkit-mask-image:url(/lava-mask.svg);mask-image:url(/lava-mask.svg);-webkit-mask-size:1400px 60px;mask-size:1400px 60px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;position:relative;top:-20px;transform-origin:top center;height:30px;width:100%}#magic8ball{background-color:#f2511b;border:8px solid #dedede;border-radius:50%;box-shadow:inset 0 2px 3px #666;display:inline-flex;align-items:center;justify-content:center;image-rendering:pixelated;overflow:hidden;padding:1em}#magic8ball #cube-scene{perspective:26em;width:13em;height:13em}#magic8ball #cube{width:13em;height:13em;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}#magic8ball #cube .face{backface-visibility:visible;background-color:#dedede;border:2px solid #666;border-radius:10px;display:flex;align-items:center;justify-content:center;position:absolute;width:13em;height:13em}#magic8ball #cube .face img{width:60%}#magic8ball #cube .face.face1 img{width:inherit}#magic8ball #cube .face.face1{transform:translateZ(6.5em)}#magic8ball #cube .face.face2{transform:rotateY(180deg) translateZ(6.5em)}#magic8ball #cube .face.face3{transform:rotateY(-90deg) translateZ(6.5em)}#magic8ball #cube .face.face4{transform:rotateY(90deg) translateZ(6.5em)}#magic8ball #cube .face.face5{transform:rotateX(90deg) translateZ(6.5em)}#magic8ball #cube .face.face6{transform:rotateX(-90deg) translateZ(6.5em)}