@charset "UTF-8";@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}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;position:relative}@media(min-width:768px){main{height:90%}}.container{padding:2em}@media(min-width:768px){.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}@keyframes bob{0%{transform:translateY(calc(-1 * var(--bob-amplitude)))}50%{transform:translateY(var(--bob-amplitude))}to{transform:translateY(calc(-1 * var(--bob-amplitude)))}}#experience{margin:4em auto}@media(min-width:640px){#experience{margin:6em auto}}#experience>div{line-height:1;display:grid;grid-template-columns:1fr;gap:2em}@media(min-width:640px){#experience>div{grid-template-columns:auto auto;justify-content:space-between;align-items:start}}#experience .blob{--bob-amplitude: 12px;--bob-duration: 6s;--bob-delay: 0s;animation:bob var(--bob-duration) var(--bob-delay) ease-in-out infinite;will-change:transform}#experience .blob:hover{animation-play-state:paused}@media(min-width:640px){#experience .blob:first-child{grid-column:1/-1}}#experience .blob:not(:first-child) strong{font-size:clamp(1.75rem,7vw,2.5rem)}#experience h3{font-size:clamp(1rem,3.5vw,1.75rem);overflow-wrap:break-word}#experience strong{color:#1a1a1a;display:block;font-size:clamp(2rem,9vw,4rem);line-height:1;font-family:Rubik Bubbles,system-ui;font-weight:400;font-style:normal;overflow-wrap:break-word}#experience span{color:#dedede;display:block;font-size:clamp(.7rem,2.5vw,1rem);font-family:Space Mono,monospace;font-style:normal;text-transform:uppercase}#experience aside{background-color:#dedede;display:inline-block;padding:1.5em;border-radius:3em;width:fit-content}@media(min-width:640px){#experience aside{padding:2em}}#experience aside h3{color:#1a1a1a;margin-top:0}#experience aside h3 strong{color:#f2511b}#experience ul{font-size:clamp(1rem,4vw,1.375rem);color:#f2511b;list-style:none;margin:0;padding-left:1.5em}#experience ul li{line-height:1.5;margin:0;padding:.3em .5em}#experience ul li::marker{content:"★"}#experience a{border-radius:3px;color:#1a1a1a;padding:.3em .5em;text-decoration:none;transition:all .25s ease-in-out}#experience a:hover{background-color:#f2511b;color:#fff}footer{background-image:linear-gradient(180deg,transparent,#dedede);color:#1a1a1a;position:relative;text-align:center}footer .avatar{border:8px solid white;border-radius:50%;image-rendering:pixelated;width:184px;height:184px}footer p{font-size:1.3em}footer p img{height:.7em}footer span{color:#fff;display:block;margin:2em auto}footer a{border-radius:3px;color:#666;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}}.lava-mask{height:85px;width:100%;background-color:#f2511b;-webkit-mask-image:url(/lava-mask.svg);mask-image:url(/lava-mask.svg);-webkit-mask-size:1400px 85px;mask-size:1400px 85px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;position:relative;z-index:1;margin-top:-15px;transform-origin:top center;animation:lava-scroll 12s linear infinite,lava-bob 3s ease-in-out infinite}.lava-mask-flip{transform:scaleY(-1);margin-bottom:-15px}.lava-mask-flip .lava-mask{margin-top:0}@keyframes lava-scroll{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:1400px 0;mask-position:1400px 0}}@keyframes lava-bob{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.5) translateY(-10px)}}