.bubbles-container{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;margin:0;padding:0;z-index:-1}.bubbles-container div{position:absolute;top:0;left:0;background-image:radial-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.1));box-shadow:inset .5rem .5rem 1rem hsla(0,0%,100%,.8);border-radius:50%;transition:background-color .28s linear,box-shadow .28s linear;backdrop-filter:blur(1rem)}.bubbles-container div.lit-up{background-color:#32a8bd;box-shadow:inset .25rem .25rem 2rem #bd4932;transition:none}.bubbles-container div img{display:block;width:8rem;height:8rem;transition:width .28s ease,height .28s ease}@media only screen and (max-width:1024px){.bubbles-container div img{width:4rem;height:4rem}}.crazy-text-container{cursor:pointer}.crazy-text-letter,.crazy-text-word{display:inline-block}.crazy-text-letter{transition:transform 1s ease,color 1s ease}.crazy-text-letter.crazy,.crazy-text-letter:hover{transform:scale(1.5) rotate(-5deg);transition:transform .28s cubic-bezier(.37,0,.14,5);color:#bc327c}.crazy-text-letter.hidden{color:transparent;transition:none}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[hidden]{display:none}*{box-sizing:border-box}@media(prefers-reduced-motion){*{transition:none!important;animation:none!important}}.overflow-hidden{overflow:hidden}::selection{color:#fff;background-color:#bc327c}html{font-size:16px;line-height:1.5;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif}h1{font-size:clamp(6rem,15vw,16rem)}h1,h2{font-weight:700;line-height:1}h2{font-size:clamp(4rem,8vw,10rem)}h3{font-size:clamp(2rem,3vw,4rem);font-weight:700;line-height:1}p{font-size:1rem}p.subtitle{font-size:1.5rem;font-weight:400}h1,h2,h3,img,p,ul{margin:0}article img{display:block}article>h1,article>h2,article>h3,article>img,article>p,article>picture>img,article>ul{max-width:30rem;width:100%;margin:0 auto 1rem}a{position:relative;color:inherit;text-decoration:none;transition:color .28s linear}a:hover{color:#bd4932}.text-align-centre{text-align:center}body,html,main{width:100%}.fill-viewport{width:100%;min-height:100vh}.relative{position:relative}.centre-content{display:flex;justify-content:center;align-items:center}.centre-content>*{max-width:100%}.inner{width:100%;max-width:1280px}.flex{display:flex}@media only screen and (max-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{list-style:none;padding-left:0}.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/1}}body{background-color:#151515;color:#fff}.m-b-1{margin-bottom:1rem!important}.p-r-1{padding-right:1rem!important}.p-l-1{padding-left:1rem!important}.gap-1{gap:1rem}.p-2{padding:2rem!important}.p-r-2{padding-right:2rem!important}.p-l-2{padding-left:2rem!important}.gap-2{gap:2rem}.p-4{padding:4rem!important}.p-t-4{padding-top:4rem!important}.p-b-4{padding-bottom:4rem!important}.m-b-8{margin-bottom:8rem!important}.p-t-8{padding-top:8rem!important}.border-radius-half{border-radius:.5rem}#logo{position:absolute;top:0;left:0;width:100%;padding:1rem}@media(min-width:1024px){#logo{padding:2rem}}a.button{display:inline-flex;position:relative;align-items:center;text-decoration:none;padding:1rem 2rem;border-radius:100vh;background-color:#fff;color:#151515;overflow:hidden;border:none;font-weight:900}a.button:before{content:"";position:absolute;width:0;height:0;top:50%;left:50%;background-color:transparent;background-image:none;border-radius:100%;transition:width .14s ease,height .14s ease,top .14s ease,left .14s ease,background-color .14s ease}a.button:focus:before,a.button:hover:before{width:100%;height:100%;top:0;left:0;border-radius:0;background-color:rgba(0,0,0,.1);transition:width .28s ease,height .28s ease,top .28s ease,left .28s ease,background-color .28s ease}a.button img,a.button svg{height:1.5rem;margin-right:.5rem}.image-container{overflow:hidden}.image-container img{object-fit:cover}.lazyloaded{transition:filter .28s ease}.transitionable{transition:transform .56s ease-out,opacity .28s ease-in;transform-origin:top center;perspective:5rem}.fade-out{opacity:0!important}@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%}to{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:1turn}}@keyframes wobbly-shape-inner{0%{rotate:0deg}to{rotate:-1turn}}.image-container,.image-container img{width:100%;height:100%}.image-container:has(img.profile-picture){animation-name:wobbly-shape;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;margin-inline:auto;width:100%;height:100%;border-radius:50%;border:1rem solid rgba(0,0,0,.2);scale:.83333}img.profile-picture{animation-name:wobbly-shape-inner;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;width:100%;height:100%;display:block;scale:1.2}.bg-red-map-fareham{background-image:linear-gradient(135deg,rgba(189,73,50,.75),rgba(188,50,124,.75)),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-size:cover;background-position:50%}.bg-yellow-translucent{background-image:linear-gradient(135deg,rgba(219,164,58,.75),rgba(216,58,69,.75))}.glazed{backdrop-filter:blur(10px) saturate(150%);background-color:rgba(50,168,189,.2);border:1px solid hsla(0,0%,100%,.1);padding:1rem;box-shadow:0 .5rem 2.5rem rgba(0,0,0,.2);border-radius:2rem}@media(min-width:1024px){.glazed{padding:2rem}}#about-me{text-align:center}@media(min-width:1024px){#about-me{flex-basis:34rem;flex-shrink:0;text-align:start}}#my-work{display:flex;flex-direction:column;gap:2rem;padding-inline:1rem}@media(min-width:1024px){#my-work{gap:8rem;padding:2rem}}#my-work article{position:relative;display:flex;flex-direction:column;background-color:#212121;border-radius:1rem;overflow:hidden}@media(min-width:1024px){#my-work article{flex-direction:row;border:none;background-color:transparent}#my-work article:nth-child(2n){flex-direction:row-reverse}#my-work article .image-container{flex:0 0 60%;border-radius:2rem}}#my-work article .article-text-content{display:flex;margin:auto;align-items:center;justify-content:center;padding:1rem;text-align:center}@media(min-width:1024px){#my-work article .article-text-content{padding-inline:2rem;padding-block:0}}#my-work article .article-text-content>div{max-width:min(100%,30rem);display:flex;flex-direction:column;gap:1rem;align-items:center}#my-work .tech{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.8rem}#my-work .tech span{padding:.25rem .5rem;background-color:hsla(0,0%,100%,.2);border-radius:.25rem}.role{--spacing:.5em;letter-spacing:var(--spacing);padding-left:var(--spacing);opacity:.7;text-transform:uppercase}@keyframes lineDrawing{0%{stroke-dashoffset:-3000;fill:transparent}67%{stroke-dashoffset:0;fill:transparent}to{fill:#151515}}