.bubbles-container{z-index:-1;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.bubbles-container div{background-color:#fff;border:1px solid #fff3;border-radius:50%;padding:2rem;transition:background-color .28s linear;position:absolute;top:0;left:0}@media only screen and (width<=1024px){.bubbles-container div{padding:1rem}}.bubbles-container div.lit-up{background-color:#aaa;transition:none;transform:scale(.9)}.bubbles-container div img{--size:8rem;width:var(--size);height:var(--size);transition:width .28s,height .28s;display:block}@media only screen and (width<=1024px){.bubbles-container div img{--size:3rem}}.crazy-text-container{cursor:pointer}.crazy-text-word{display:inline-block}.crazy-text-letter{color:#bd4932;transition:transform 1s,color 1s;display:inline-block}.crazy-text-letter.crazy,.crazy-text-letter:hover{transition:transform .28s cubic-bezier(.37,0,.14,5);transform:scale(1.5)rotate(-5deg)}.crazy-text-letter.crazy:nth-child(5n),.crazy-text-letter:hover:nth-child(5n){color:#d83a45}.crazy-text-letter.crazy:nth-child(5n+1),.crazy-text-letter:hover:nth-child(5n+1){color:#bd4932}.crazy-text-letter.crazy:nth-child(5n+2),.crazy-text-letter:hover:nth-child(5n+2){color:#dba43a}.crazy-text-letter.crazy:nth-child(5n+3),.crazy-text-letter:hover:nth-child(5n+3){color:#32bc6e}.crazy-text-letter.crazy:nth-child(5n+4),.crazy-text-letter:hover:nth-child(5n+4){color:#32a8bd}.crazy-text-letter.hidden{color:#0000;text-shadow:none;transition:none}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[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,[hidden]{display:none}*{box-sizing:border-box}@media (prefers-reduced-motion){*{transition:none!important;animation:none!important}}.overflow-hidden{overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--font-scale:1.3;--font-size-s:calc(var(--font-size-m) / var(--font-scale));--font-size-m:1rem;--font-size-l:calc(var(--font-size-m) * var(--font-scale));--font-size-xl:calc(var(--font-size-l) * var(--font-scale));--font-size-xxl:calc(var(--font-size-xl) * var(--font-scale));--font-size-xxxl:calc(var(--font-size-xxl) * var(--font-scale));--font-size-xxxxl:calc(var(--font-size-xxxl) * var(--font-scale));--font-size-xxxxxl:calc(var(--font-size-xxxxl) * var(--font-scale))}@media (width>=1024px){:root{--font-scale:1.5}}@font-face{font-family:Caprasimo;font-style:normal;font-weight:400;src:local(Caprasimo),url(/assets/caprasimo-regular-BXxQ1plz.ttf)format("ttf")}::selection{color:#151515;background-color:#d83a45}html{font-family:Inter,Noto Emoji,Roboto,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;font-size:16px;line-height:1.5}h1{font-family:Caprasimo,cursive;font-size:clamp(6rem, 15vw, var(--font-size-xxxxxl));letter-spacing:-.0938em;text-shadow:-.04em 0 #151515;font-weight:100;line-height:1}h2{font-family:Caprasimo,cursive;font-size:var(--font-size-xxxl);letter-spacing:-.1em;text-shadow:-.5rem 0 #151515;color:#dba43a;font-weight:700;line-height:1}h3{font-family:Caprasimo,cursive;font-size:var(--font-size-xxl);letter-spacing:-.05em;font-weight:700;line-height:1}h4{font-family:Caprasimo,cursive;font-size:var(--font-size-xl);letter-spacing:-.05em;font-weight:700;line-height:1}h5,p.subtitle{font-size:var(--font-size-l);font-weight:400}h1,h2,h3,h4,h5,p,ul,ol,dl,img{margin:0}article img{display:block}article>h1,article>h2,article>h3,article>h4,article>h5,article>p,article>ul,article>ol,article>dl,article>img,article>picture>img{width:100%;max-width:30rem;margin:0 auto 1rem}a{color:inherit;text-decoration:none;transition:color .28s linear;position:relative}a:hover{color:#d83a45}code{white-space:pre;color:#fff;background-image:linear-gradient(#545454,#151515);border-radius:.25rem;padding-left:.25rem;padding-right:.25rem;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace}code.block{padding:1rem;display:block}.text-align-centre{text-align:center}.text-align-right{text-align:right}.text-align-left{text-align:left}p,ul,ol,dl{font-size:var(--font-size-m)}html,body,main{width:100%}.fill-viewport{width:100%;min-height:100vh}.relative{position:relative}.centre-content{justify-content:center;align-items:center;display:flex}.centre-content>*{max-width:100%}.inner{width:100%;max-width:1280px}.flex{display:flex}@media only screen and (width<=1024px){.flex{flex-direction:column}.flex.row{flex-direction:row}}.flex.middle{align-items:center}.flex-1{flex:1 1 0}ul.flat-list{padding-left:0;list-style:none}.ratio-16-9 img{object-fit:cover}@supports (aspect-ratio:16/9){.ratio-16-9{aspect-ratio:16/9}}.ratio-1-1 img{object-fit:cover}@supports (aspect-ratio:1/1){.ratio-1-1{aspect-ratio:1}}body{color:#fff;background-color:#151515}.bg-red{background-image:linear-gradient(135deg,#d83a45,#d83a45)}.bg-blue{background-image:linear-gradient(135deg,#32a8bd,#32bc6e)}.bg-yellow{background-image:linear-gradient(135deg,#dba43a,#bd4932)}.bg-charcoal{background-color:#151515!important}.bg-chalk{background-color:#fff!important}.bg-glass{background-color:#212121cc}@supports ((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))){.bg-glass{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}}.text-charcoal{color:#151515}.text-charcoal-lighter{color:#545454}.text-chalk{color:#fff}.m-0{margin:0!important}.m-t-0{margin-top:0!important}.m-r-0{margin-right:0!important}.m-b-0{margin-bottom:0!important}.m-l-0{margin-left:0!important}.p-0{padding:0!important}.p-t-0{padding-top:0!important}.p-r-0{padding-right:0!important}.p-b-0{padding-bottom:0!important}.p-l-0{padding-left:0!important}.gap-0{gap:0}.m-quarter{margin:.25rem!important}.m-t-quarter{margin-top:.25rem!important}.m-r-quarter{margin-right:.25rem!important}.m-b-quarter{margin-bottom:.25rem!important}.m-l-quarter{margin-left:.25rem!important}.p-quarter{padding:.25rem!important}.p-t-quarter{padding-top:.25rem!important}.p-r-quarter{padding-right:.25rem!important}.p-b-quarter{padding-bottom:.25rem!important}.p-l-quarter{padding-left:.25rem!important}.gap-quarter{gap:.25rem}.m-half{margin:.5rem!important}.m-t-half{margin-top:.5rem!important}.m-r-half{margin-right:.5rem!important}.m-b-half{margin-bottom:.5rem!important}.m-l-half{margin-left:.5rem!important}.p-half{padding:.5rem!important}.p-t-half{padding-top:.5rem!important}.p-r-half{padding-right:.5rem!important}.p-b-half{padding-bottom:.5rem!important}.p-l-half{padding-left:.5rem!important}.gap-half{gap:.5rem}.m-1{margin:1rem!important}.m-t-1{margin-top:1rem!important}.m-r-1{margin-right:1rem!important}.m-b-1{margin-bottom:1rem!important}.m-l-1{margin-left:1rem!important}.p-1{padding:1rem!important}.p-t-1{padding-top:1rem!important}.p-r-1{padding-right:1rem!important}.p-b-1{padding-bottom:1rem!important}.p-l-1{padding-left:1rem!important}.gap-1{gap:1rem}.m-2{margin:2rem!important}.m-t-2{margin-top:2rem!important}.m-r-2{margin-right:2rem!important}.m-b-2{margin-bottom:2rem!important}.m-l-2{margin-left:2rem!important}.p-2{padding:2rem!important}.p-t-2{padding-top:2rem!important}.p-r-2{padding-right:2rem!important}.p-b-2{padding-bottom:2rem!important}.p-l-2{padding-left:2rem!important}.gap-2{gap:2rem}.m-4{margin:4rem!important}.m-t-4{margin-top:4rem!important}.m-r-4{margin-right:4rem!important}.m-b-4{margin-bottom:4rem!important}.m-l-4{margin-left:4rem!important}.p-4{padding:4rem!important}.p-t-4{padding-top:4rem!important}.p-r-4{padding-right:4rem!important}.p-b-4{padding-bottom:4rem!important}.p-l-4{padding-left:4rem!important}.gap-4{gap:4rem}.m-8{margin:8rem!important}.m-t-8{margin-top:8rem!important}.m-r-8{margin-right:8rem!important}.m-b-8{margin-bottom:8rem!important}.m-l-8{margin-left:8rem!important}.p-8{padding:8rem!important}.p-t-8{padding-top:8rem!important}.p-r-8{padding-right:8rem!important}.p-b-8{padding-bottom:8rem!important}.p-l-8{padding-left:8rem!important}.gap-8{gap:8rem}.border-radius-0{border-radius:0}.border-radius-quarter{border-radius:.25rem}.border-radius-half{border-radius:.5rem}.border-radius-1{border-radius:1rem}.border-radius-2{border-radius:2rem}.border-radius-4{border-radius:4rem}.border-radius-8{border-radius:8rem}#logo{width:100%;padding:1rem;position:absolute;top:0;left:0}@media (width>=1024px){#logo{padding:2rem}}a.button{color:#151515;background-color:#fff;border:none;border-radius:100vh;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:900;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}a.button:before{content:"";background-color:#0000;background-image:none;border-radius:100%;width:0;height:0;transition:width .14s,height .14s,top .14s,left .14s,background-color .14s;position:absolute;top:50%;left:50%}a.button:hover:before,a.button:focus:before{background-color:#0000001a;border-radius:0;width:100%;height:100%;transition:width .28s,height .28s,top .28s,left .28s,background-color .28s;top:0;left:0}a.button img,a.button svg{height:1.5rem;margin-right:.5rem}.image-container{width:100%;overflow:hidden}.image-container img{object-fit:cover;width:100%}.transitionable{transform-origin:top;perspective:5rem;transition:transform .56s ease-out,opacity .28s ease-in}.fade-out{opacity:0!important}.fade-out-down{transform:translateY(1rem);opacity:0!important}.fade-out-and-shrink{transform:scale(.5);opacity:0!important}.fade-out-down-and-shrink{transform:translateY(2rem)scale(.5);opacity:0!important}@property --bg-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}@property --bg-position{syntax:"<length>";inherits:false;initial-value:0}@property --bg-gap{syntax:"<length>";inherits:false;initial-value:0}@keyframes rotate-bg{0%{--bg-rotation:0deg;--bg-position:0rem}to{--bg-rotation:360deg;--bg-position:8rem}}html{background-color:#151515}body{background:0 0}body:before{content:"";z-index:-1;--bg-rotation:0deg;--bg-position:99px;--bg-gap:99px;--dot-size:5px;background:radial-gradient(transparent 25%, #151515), linear-gradient(transparent calc(var(--dot-size) / 2), #151515 calc(var(--dot-size) / 2), #151515 var(--bg-gap), transparent var(--bg-gap)), linear-gradient(90deg, transparent calc(var(--dot-size) / 2), #151515 calc(var(--dot-size) / 2), #151515 var(--bg-gap), transparent var(--bg-gap)), conic-gradient(from var(--bg-rotation), #d83a45, #32a8bd, #dba43a, #d83a45, #32bc6e, #bd4932, #d83a45);background-repeat:no-repeat,repeat,repeat,repeat;background-size:100vw 100vh,4rem 4rem,4rem 4rem,100vw 100vh;background-attachment:fixed,scroll,scroll,fixed;background-position:center, var(--bg-position) var(--bg-position), var(--bg-position) var(--bg-position), center;animation-name:rotate-bg;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;inset:0}@keyframes laptop-keyframes{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes setsquare-keyframes{0%{transform:rotate(5deg)scaleY(1)}50%{transform:rotate(-10deg)scaleY(1)}to{transform:rotate(5deg)scaleY(1)}}@keyframes joypad-keyframes{0%{transform:rotateX(0)}50%{transform:rotateX(25deg)}to{transform:rotateX(0)}}#key_facts{grid-template-columns:1fr;align-items:start;width:80vw;min-height:100vh;margin-inline:auto;display:grid;position:relative}@media (width>=1024px){#key_facts{grid-template-columns:1fr 1fr 1fr}}#key_facts>div{text-align:center;height:fit-content;padding:2rem;top:0}@media (width>=1024px){#key_facts>div{margin-bottom:50vh;padding-top:33vh;position:sticky}}#key_facts>div:first-child{margin-top:0}#key_facts>div:first-child .big-text{color:#d83a45;transform-origin:50%}#key_facts>div:first-child .big-text:hover{animation:.2s linear laptop-keyframes}#key_facts>div:first-child .big-text+div{color:#d83a45}@media (width>=1024px){#key_facts>div:nth-child(2){margin-top:33vh}}#key_facts>div:nth-child(2) .big-text{color:#dba43a;transform-origin:50%}#key_facts>div:nth-child(2) .big-text:hover{animation:.2s linear setsquare-keyframes}#key_facts>div:nth-child(2) .big-text+div{color:#dba43a}#key_facts>div:nth-child(3){perspective:250px}@media (width>=1024px){#key_facts>div:nth-child(3){margin-top:67vh}}#key_facts>div:nth-child(3) .big-text{color:#32a8bd;transform-origin:50%}#key_facts>div:nth-child(3) .big-text:hover{animation:.2s linear joypad-keyframes}#key_facts>div:nth-child(3) .big-text+div{color:#32a8bd}#key_facts>div .big-text{font-size:10rem}#key_facts>div .big-text+div{letter-spacing:-.1em;font-family:Caprasimo,cursive;font-size:var(--font-size-xl)}@media (width>=1024px){#key_facts>div:first-child{margin-top:0}#key_facts>div:nth-child(2){margin-top:33vh}#key_facts>div:nth-child(3){margin-top:67vh}}@keyframes wobbly-shape{0%{border-radius:80% 100% 60% 50%;rotate:0deg}17%{border-radius:60% 80% 80% 60%}34%{border-radius:50% 60% 100% 80%}50%{border-radius:60% 50% 80% 100%}67%{border-radius:80% 60% 60% 80%}83%{border-radius:100% 80% 50% 60%}to{border-radius:80% 100% 60% 50%;rotate:360deg}}@keyframes wobbly-shape-inner{0%{rotate:0deg}to{rotate:-360deg}}.image-container,.image-container img{width:100%;height:100%}.image-container:has(img.profile-picture){border:1rem solid #0003;border-radius:50%;width:100%;height:100%;margin-inline:auto;animation-name:wobbly-shape;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;scale:.833333}img.profile-picture{width:100%;height:100%;animation-name:wobbly-shape-inner;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;scale:1.2}.bg-red-map-fareham{background-image:linear-gradient(#00000080),url(https://api.mapbox.com/styles/v1/mapbox/dark-v10/static/[-1.3066,50.7638,-1.0373,50.9338]/1280x1280?access_token=pk.eyJ1IjoidGhlcmljaGNvdXJ0IiwiYSI6ImNqdDMwdW1zNjFrZnQ0YXF0ZDU3MDIzdGoifQ.ZweulZXFgeSuZ9HZ6WrpTw);background-position:50%;background-size:cover}.bg-blue-code{background-image:linear-gradient(135deg,#32a8bdbf,#32bc6ebf),url(/assets/code-D7Xb6z4Y.jpg);background-position:50%;background-size:cover}.glazed{-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);background-color:#151515;border:1px solid #ffffff1a;border-radius:2rem;padding:1rem}@media (width>=1024px){.glazed{padding:2rem}}#about-me{text-align:center}@media (width>=1024px){#about-me{text-align:start;flex-shrink:0;flex-basis:34rem}}@counter-style repeating-emoji{symbols:"👨‍💻" "🕹️" "🚴";suffix:"   "}ul{list-style-type:repeating-emoji}#work_section>div{width:100%}.my-work{--item-size-ish:18rem;flex-wrap:wrap;justify-content:center;align-self:stretch;align-items:stretch;gap:1rem;padding-inline:1rem;display:flex}@media (width>=1024px){.my-work{--item-size-ish:26rem;gap:2rem;padding-inline:2rem}}.my-work article{--bg-my-work-item:red;background-color:var(--bg-my-work-item);border-radius:1.5rem;flex-direction:column;flex-grow:1;flex-basis:24rem;gap:1rem;max-width:100%;padding:1rem;display:flex;position:relative}@media (width>=1024px){.my-work article{flex-grow:0}}.my-work article.work-item-rq{color:#fff;background-color:#223a6c}.my-work article.work-item-seetheworld{background-color:#ed2559}.my-work article.work-item-translations{color:#fff;background-color:#32bc6e}.my-work article.work-item-gallery{color:#fff;background-color:#d83a45}.my-work article.work-item-ballthing{color:#fff;background-color:#ee5029}.my-work article.work-item-outbreak{color:#fff;background-color:#4b332c}.my-work article.work-item-gamejams{background-color:#3d738f}.my-work article .article-text-content{flex-grow:1}.my-work article .article-text-content>div{flex-direction:column;align-items:start;gap:1rem;height:100%;display:flex}.my-work article .article-text-content>div>:nth-last-child(2){content:"";flex-grow:1}.my-work article .article-text-content>div>a{text-align:center;place-self:stretch flex-end}.my-work article .article-text-content .button-row{justify-content:stretch;align-self:stretch;gap:1rem;display:flex}.my-work article .article-text-content .button-row>a{flex:50%}.my-work article .image-container{aspect-ratio:16/9;border-radius:1rem;width:100%;height:auto}.my-work .tech{flex-wrap:wrap;justify-content:start;gap:.5rem;font-size:.8rem;display:flex}.my-work .tech span{background-color:#fff3;border-radius:.25rem;padding:.25rem .5rem;font-weight:700}.role{--spacing:.5em;letter-spacing:var(--spacing);opacity:.7;text-transform:uppercase;font-size:var(--font-size-m)}#copyright p{font-size:var(--font-size-s)}@keyframes line-drawing{0%{stroke-dashoffset:-3000px;fill:#0000}67%{stroke-dashoffset:0;fill:#0000}to{fill:#151515}}#animated_logo{pointer-events:none;z-index:-1;width:100%;height:100vh;position:absolute}#animated_logo svg{object-fit:cover;stroke:#151515;fill:#151515;stroke-width:1px;stroke-dasharray:3000;width:100%;height:100vh;animation:3s linear line-drawing}@media only screen and (width<=1024px){#animated_logo svg{stroke-width:5px}}@keyframes circle-text-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-text-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.circle-text-container .circle-text{--diameter:max(25rem, min(62.5vh, 40rem));width:var(--diameter);height:var(--diameter);z-index:-1;color:#dba43a;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}@media (width>=1024px){.circle-text-container .circle-text{--diameter:50rem}}.circle-text-container .circle-text-rotator{transform-origin:50%;backface-visibility:hidden;will-change:transform;animation:60s linear infinite circle-text-spin}.circle-text-container .circle-text-content{fill:currentColor;text-transform:uppercase;dominant-baseline:middle;white-space:pre;font-size:4px;font-weight:900}@media (width<1024px){.circle-text-container .circle-text-content{font-size:4.5px}}