@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Rubik+Bubbles&family=Space+Mono&display=swap";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}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;height:90%;position:relative}.container{padding:3em}.container>div{margin:auto;max-width:1280px}@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}header{position:relative}header.container{padding-bottom:0}header>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.5em 0}header h1,header h2{font-size:48px;font-style:normal;margin:0}header h2{color:#f2511b;font-size:36px;line-height:2}header a{border-radius:3px;color:#f2511b;font-size:20px;margin-right:-.5em;padding:.3em .5em;text-decoration:none;transition:all .25s ease-in-out}header a:hover{background:#f2511b;color:#fff}@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}}#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:1;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:Space Mono,monospace;font-size:24px;line-height:2em}#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}@keyframes wave-bob{0%{transform:scaleY(1)}50%{transform:scaleY(.4)}to{transform:scaleY(1)}}#waves{position:absolute;bottom:-10px;left:0;width:100%;height:20px;pointer-events:none}.wave{background-color:#f2511b;display:inline-block;height:20px;width:10px;position:absolute;bottom:0;transform-origin:bottom;animation:wave-bob 2s ease-in-out infinite}#work{color:#1a1a1a;margin:9em auto}#work>div{display:flex;justify-content:space-between}#work h1{font-family:Rubik Bubbles,system-ui;font-weight:400;font-style:normal}#work h3{color:#dedede}#work article h2{color:#fff}#work article h3:not(:last-of-type){margin-bottom:2.5em}#work article pre{font-family:Space Mono,monospace;font-style:normal;text-transform:uppercase}#work aside{border-image:linear-gradient(to bottom,transparent,#1a1a1a,transparent) 1 100%;border-style:solid;border-width:1px;border-top:0;border-right:0;border-bottom:0;display:flex;flex-direction:column;justify-content:center;padding-left:2em}#work aside h2{color:#1a1a1a;font-family:Rubik Bubbles,system-ui;font-weight:400;font-style:normal;margin-bottom:0}#work aside ul{color:#dedede;list-style:none;margin:0;padding-left:1.5em}#work aside ul li{line-height:1.5;margin:0;padding:.3em .5em}#work aside ul li::marker{content:"★"}#work aside a{border-radius:3px;color:#1a1a1a;padding:.3em .5em;text-decoration:none;transition:all .25s ease-in-out}#work aside a:hover{background-color:#1a1a1a;color:#dedede}footer{background-image:linear-gradient(180deg,transparent,#dedede);color:#1a1a1a;position:relative;text-align:center}footer img{border:6px solid white;border-radius:50%;image-rendering:pixelated;width:128px;height:128px}footer p{font-size:1.125em}footer strong{color:#f2511b}footer span{color:#fff;display:block;margin:2em auto}footer a{border-radius:3px;color:#666;font-size:.75em;padding:.3em .5em;text-decoration:none;transition:all .25s ease-in-out}footer a:hover{background-color:#fff;color:#f2511b}