@import"https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&family=Work+Sans:wght@100;200;300;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&display=swap";.mb-s{margin-bottom:1rem}.mb-m{margin-bottom:2rem}#font-weight-light{font-weight:300}.mobile-hidden{display:block}@media(max-width:315px){.mobile-hidden{display:none}}.underline-dashed{text-decoration:underline;text-underline-offset:.2em;-webkit-text-decoration-color:var(--color-grey-medium);text-decoration-color:var(--color-grey-medium);-webkit-text-decoration-style:dashed;text-decoration-style:dashed}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(1.25rem)}}.stagger-fade{animation:stagger-fade-in .6s ease-out backwards;animation-delay:calc(var(--stagger-i, 0)*.15s)}@media(prefers-reduced-motion:reduce){.stagger-fade{animation:none}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}:root{--background:#04101d;--background-rgb:4,16,29;--reverse-background:#fff;--text-primary:#32cbfe;--text-secondary:#005e89;--text-tertiary:#868686;--text-bw:#fff;--text-bw-translucent:hsla(0,0%,100%,.35);--accent:#bf93f1;--accent-translucent:rgba(191,147,241,.35);--footer-background:#030c15;--footer-text:#3d3d3d;--convert-colours:brightness(0) invert(0.6) grayscale(1);--convert-colours-on-hover:brightness(1) invert(1)}[data-theme=light]{--background:#fff;--background-rgb:255,255,255;--reverse-background:#04101d;--text-primary:#005e89;--text-secondary:#1e9dc7;--text-tertiary:#666;--text-bw:#000;--text-bw-translucent:rgba(0,0,0,.35);--accent:#680068;--accent-translucent:rgba(104,0,104,.35);--footer-background:#eefbfe;--footer-text:#b8b8b8;--convert-colours:brightness(0) invert(0.3) grayscale(1);--convert-colours-on-hover:none}html{font-size:62.5%;scroll-behavior:smooth}body{box-sizing:border-box;background-color:var(--background);transition:all .3s ease;font-family:Work Sans,sans-serif;font-size:1.6rem;color:#005e89}a{color:var(--accent)}.section-heading{font-size:5rem;font-weight:400;color:var(--text-primary);background-image:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;color:transparent}.section-subheading{font-size:3rem;font-weight:400;color:var(--text-secondary);margin-top:2rem}.text{color:var(--text-tertiary);font-size:1.75rem}.text--as-heading{font-size:2rem;margin-top:1rem}@media(max-width:1000px){.section-heading{font-size:4rem}.section-subheading{font-size:2.5rem}.text{font-size:1.6rem}.text--as-heading{font-size:1.75rem;margin-top:1rem}.text--light{font-weight:300;color:#b8b8b8}}.about{margin-bottom:-2rem!important}.about__history-container{margin:4rem 0}.about__history-timeline{display:flex;align-items:center}.about__history-timeline--node{background-color:#868686;border-radius:5rem;width:3.25rem;height:3rem}.about__history-timeline--node:not(:first-child){margin-left:-1rem}.about__history-timeline--edge{background-color:#868686;width:33.3333333333%;height:.6rem;margin-left:-1rem}.about__history-timeline-description{display:flex;justify-content:space-between;text-align:center}.about__history-timeline-description--segment{width:33.3333333333%;color:var(--text-primary)}.about__history-timeline-description--segment:first-of-type{margin-left:1.8rem}.about__history-timeline-description--segment:last-of-type{margin-right:1.8rem}.about__history-timeline-description--bottom{text-transform:uppercase;letter-spacing:.5rem;font-weight:300}.about__languages{margin-bottom:4rem}.about__scroll-text{font-size:1.35rem;margin-top:.5rem}.about__language-table{display:flex;margin:2rem 0 0 2rem;color:var(--text-tertiary);line-height:2.5rem}.about__language-table--left{margin-right:1rem;min-width:20rem;text-align:end}.about__language-table--right{margin-left:1rem;white-space:nowrap;overflow-x:scroll;padding-bottom:1.5rem}.about__language-table--right::-webkit-scrollbar{height:.75rem}.about__language-table--right::-webkit-scrollbar-thumb{border-radius:1rem;background-color:hsla(0,0%,50%,.5)}.about__sports{display:flex;flex-direction:column;margin-bottom:4rem}.about__sport-group{border:1px solid var(--text-secondary);border-radius:10px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-self:center;margin:2rem 1rem 0;transition:all .3s ease}.about__sport-group h3{margin-bottom:.35rem;color:var(--text-primary);transition:all .3s ease}.about__sport-group p span{font-weight:300}.about__sport-group-bottom{align-self:center;display:flex;justify-content:space-between}.about__sport-group-bottom>div{width:20rem}.about__sport-group-bottom>div:last-of-type{height:13.3rem;width:15rem;align-self:flex-start}@media(max-width:800px){.about__history-timeline-description--segment{font-size:1.45rem}.about__history-timeline--node{width:3rem;height:2.7rem}}@media(max-width:670px){.about__history-timeline--node{width:2.75rem;height:2.45rem}}@media(max-width:550px){.about__history-timeline-description--bottom{text-transform:uppercase;letter-spacing:.05rem;font-weight:300}.about__history-timeline--node{width:2.7rem;height:2.4rem}.about__language-table{margin-left:0}.about__language-table>*>*{font-size:1.4rem}.about__language-table--left{margin-right:0;min-width:15rem;text-align:end}.about__language-table--right{padding-left:.5rem;margin-left:0}}@media(max-width:470px){.about__sport-group{margin:1rem .5rem 0}.about__sport-group-bottom>div{width:17.9rem}.about__sport-group-bottom>div:last-of-type{height:12.5rem;width:13.5rem}.about__history-timeline--node{width:2.5rem;height:2.2rem}}.contact{padding:10rem 12rem;background-color:var(--footer-background);-webkit-clip-path:polygon(0 23%,100% 0,100% 100%,0 100%);clip-path:polygon(0 23%,100% 0,100% 100%,0 100%);position:relative;transition:all .3s ease}.contact__heading{padding-top:10rem;padding-bottom:2rem}.contact__links{display:flex;align-items:center;padding-left:2rem}.contact__link{height:4rem;width:4rem;background-position:50%;background-size:cover;background-repeat:no-repeat;margin:2.5rem 1.5rem;filter:var(--convert-colours);transition:all .2s ease-in-out}.contact__link:hover{transform:scale(1.2);filter:none}.contact__link--github{background-image:url(/github-logo.png)}.contact__link--github:hover{filter:var(--convert-colours-on-hover)}.contact__link--linkedin{background-image:url(/linkedin-logo.png)}.contact__link--youtube{width:5rem;margin-left:2rem;background-image:url(/youtube-logo.png);background-size:contain}.contact__link--email{height:4.75rem;width:4.75rem;margin-left:2rem;background-image:url(/mail-logo.png);background-size:contain}.contact__link--email:hover{filter:var(--convert-colours-on-hover)}.contact__faIcon{font-size:4rem;color:var(--text-secondary);rotate:180deg;position:absolute;right:7%;bottom:7%;animation:bounce 1s ease-in-out infinite}@media(max-width:1000px){.contact{padding:4rem 7rem}}@media(max-width:550px){.contact{padding:2rem 4rem}.contact p{max-width:75%}.contact__links{padding-left:0}.contact__link{height:3rem;width:3rem;margin:2rem 1rem}.contact__link--github{margin-left:0}.contact__link--youtube{width:4rem}.contact__link--email{height:3.75rem;width:3.75rem}.contact__faIcon{font-size:3rem;right:7%;bottom:10%}}@media(max-width:350px){.contact{padding-bottom:5rem}.contact__faIcon{font-size:3rem;right:45%;transform:translateX(50%);bottom:7.5%}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.coding__project{display:flex;justify-content:center;margin:4rem 0;max-height:63rem}.coding__project:first-of-type{margin:0}.coding__project:nth-of-type(2n){flex-direction:row-reverse}.coding__project:nth-of-type(2n) .coding__text{margin-left:10rem}.coding__project:nth-of-type(odd) .coding__text{margin-right:10rem;text-align:end}.coding__text{width:35%;max-width:40rem;align-self:center}.coding__media{width:100%;max-width:80rem;display:flex}.coding__image-wrapper{border:1px solid color-mix(in srgb,var(--text-secondary) 40%,transparent);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.12);background-color:var(--background);display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;padding:1.25rem;border-radius:2rem;transition:transform .2s ease-in-out}.coding__image{border-radius:1rem}.coding__name{margin-bottom:2rem}.coding__tech-stack{color:#5b7c8b;font-weight:300;font-size:2rem;margin-bottom:2rem}.coding__collab-level{color:var(--text-tertiary);text-transform:uppercase;font-size:1.75rem;font-weight:200;letter-spacing:.1rem;margin-bottom:2rem}.coding__description{margin-bottom:2rem}.coding__links{padding:.5rem;display:flex;justify-content:center}.coding__links a{text-decoration:none}.rec-carousel-wrapper{display:flex;justify-content:center}.rec-carousel-item{display:flex;align-items:center;padding:1rem 0 2.25rem}.carousel__arrow{--shift:0rem;align-self:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background-color:transparent;color:var(--text-tertiary);cursor:pointer;transform:translateX(var(--shift));transition:color .25s ease,opacity .25s ease,transform .25s ease}.carousel__arrow svg{width:3.6rem;height:3.6rem}.carousel__arrow:first-of-type{--shift:2.5rem}.carousel__arrow:last-of-type{--shift:-2.5rem}.carousel__arrow:focus-visible:enabled,.carousel__arrow:hover:enabled{color:var(--accent);transform:translateX(var(--shift)) scale(1.15)}.carousel__arrow:disabled{opacity:.2;cursor:default}.carousel__dots{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:1.5rem}.carousel__dot{width:.9rem;height:.9rem;padding:0;border:none;border-radius:1rem;background-color:var(--text-secondary);opacity:.45;cursor:pointer;transition:width .3s ease,opacity .3s ease,background-color .3s ease}.carousel__dot:hover{opacity:.8}.carousel__dot--active{width:2.4rem;background-color:var(--accent);opacity:1}@media(max-width:1178px){.coding__scroll-instructions{display:flex;flex-direction:column;align-items:center;margin:1rem 0}.coding__scroll-icon{filter:invert(60%) sepia(0) saturate(5182%) hue-rotate(81deg) brightness(107%) contrast(116%)}}@media(max-width:1000px){.coding__project{position:relative;margin:2rem 0;max-height:unset}.coding__project,.coding__project:nth-of-type(2n){flex-direction:column-reverse}.coding__project:nth-of-type(2n) .coding__text{margin-left:0}.coding__project:nth-of-type(odd) .coding__text{margin-right:0;text-align:start}.coding__text{max-width:unset;width:80%}.coding__text>*{text-align:center}.coding__media{min-height:unset;margin:2.25rem auto 0}.coding__image-wrapper:first-child{top:0}.rec-carousel-item{align-items:flex-end}}@media(max-width:755px){.coding__media{overflow-x:scroll}.coding__media::-webkit-scrollbar{height:.75rem!important}.coding__media::-webkit-scrollbar-thumb{border-radius:1rem;background-color:hsla(0,0%,50%,.7)!important}.coding__image-wrapper{border:none;padding:0 0 2rem;margin:0 1rem;align-items:center}.coding__name{margin-top:1rem}.coding__collab-level,.coding__description,.coding__name,.coding__tech-stack{margin-bottom:1.5rem}}@media(max-width:550px){.coding__project{margin:4rem 0}.coding__text{width:100%}}.experience,.experience__timeline-container{display:flex;flex-direction:column}.experience__timeline-container{align-items:center;width:4rem;position:absolute;top:3.15%;left:47.8%;transform:translateX(-50%)}.experience__timeline--node{background-color:#868686;border-radius:5rem;width:3.25rem;height:3rem;height:3.25rem}.experience__timeline--edge{background-color:#868686;height:10rem;width:.6rem}.experience__caret{width:5rem;position:absolute;top:50%;transform:translateY(-50%);right:-10.65%}.experience__caret--1,.experience__caret--3,.experience__caret--5,.experience__caret--7,.experience__caret--9{left:-3.3%}.experience__caret-inner{background-color:var(--background);width:2.5rem;height:2.5rem;transform:rotate(315deg);border-right:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);transition:all .3s ease}.experience__caret-inner--1,.experience__caret-inner--3,.experience__caret-inner--5,.experience__caret-inner--7,.experience__caret-inner--9{transform:rotate(135deg)}.experience__companies{align-self:center;margin:7rem 0 4rem;color:var(--text-tertiary);width:90rem;align-items:flex-start}.experience__companies,.experience__company{position:relative;display:flex;flex-direction:column}.experience__company{margin-top:-2.5rem;border:1px solid var(--text-secondary);border-radius:1rem;width:40rem;padding:3rem;text-align:end;transition:opacity .7s ease-out,transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;opacity:0}.experience__company:nth-child(2n){align-self:flex-end;text-align:start;transform:translateX(15rem)}.experience__company:nth-child(odd){max-width:36rem;transform:translateX(-15rem)}.experience__logo{position:absolute;top:-14%;right:-5%}.experience__logo--acc,.experience__logo--bse,.experience__logo--kizo,.experience__logo--startup{left:-5%}.experience__logo--blinkist{height:4.5rem;width:4.65rem;top:-11%}.experience__logo--kizo{height:3.25rem;width:9rem;top:-8.5%}.experience__logo--startup,.experience__logo--uob{height:4rem;width:4rem;top:-10%}.experience__logo--acc{height:4.5rem;width:4.5rem;top:-10%}.experience__logo--blk{height:2.3rem;width:12rem;top:-9%;filter:var(--convert-colours-on-hover)}.experience__logo--bse{height:3rem;width:9rem;top:-9%;right:-5%;filter:invert(49%) sepia(82%) saturate(6319%) hue-rotate(169deg) brightness(91%) contrast(101%)}.experience__firm-name{font-weight:300;font-size:2.75rem}.experience__role{font-size:2rem;font-weight:500}.experience__location{font-size:1.6rem;font-weight:300}.experience__industry{font-size:1.7rem;font-weight:300;letter-spacing:.1rem;text-transform:uppercase}.experience__dates{font-weight:300;font-size:1.7rem;font-style:italic}.experience__notes{text-decoration:none;font-weight:300;margin-top:.5rem;font-size:1.4rem}.experience__notes a{color:var(--text-tertiary)}.experience__extra{margin-bottom:2rem;align-self:center;text-align:center}.experience__extra span{font-weight:300}.experience__extra a{text-decoration:none}.experience__hackathon-list{margin:1rem 2rem 2rem;line-height:2.5rem}.experience__hackathon-wrapper{display:flex;align-items:center;padding-bottom:1rem}.experience__hackathon-logo-wrapper{width:9.5rem;display:flex;justify-content:flex-end;margin-right:1.5rem}.experience__hackathon-logo{filter:var(--convert-colours)}.experience #edge-3{height:10.75rem}.experience #edge-4{height:11.25rem}.experience #edge-7{height:11.5rem}.experience #edge-8{height:11.9rem}.fade-in:nth-child(2n),.fade-in:nth-child(odd){transform:translateX(0);opacity:1}@media(prefers-reduced-motion:reduce){.experience__company,.experience__company:nth-child(2n),.experience__company:nth-child(odd){transition:none;transform:translateX(0);opacity:1}}@media(max-width:1170px){.experience__company:nth-child(2n){transform:translateX(10rem)}.experience__company:nth-child(odd){transform:translateX(-10rem)}.fade-in:nth-child(2n),.fade-in:nth-child(odd){transform:translateX(0);opacity:1}}@media(max-width:1070px){.experience__timeline-container{top:2%;left:18%}.experience__timeline--edge{height:10.25rem}.experience__caret{left:-2.7%}.experience__caret-inner--2,.experience__caret-inner--4,.experience__caret-inner--6,.experience__caret-inner--8{transform:rotate(135deg)}.experience__companies{align-items:center;padding-left:7.5rem}.experience__company{width:50rem;padding:2rem 2.5rem;text-align:start;margin-top:.5rem}.experience__company:nth-child(2n){align-self:center;text-align:start}.experience__company:nth-child(odd){max-width:unset;transform:translateX(10rem)}.experience__company--blinkist{margin-top:-2.5rem}.experience__logo{left:unset;right:-3.5%}.experience__firm-name{font-size:2.4rem}.experience__role{font-size:1.85rem}.experience__dates,.experience__industry,.experience__location{font-size:1.6rem}.experience__extra{margin:-.5rem 0 2rem}.experience #edge-1{height:9.8rem}.experience #edge-4,.experience #edge-5,.experience #edge-8{height:10.5rem}.experience #edge-7{height:10rem}.fade-in:nth-child(2n),.fade-in:nth-child(odd){transform:translateX(0);opacity:1}}@media(max-width:900px){.experience__companies{width:85rem}}@media(max-width:825px){.experience #edge-4{height:10.5rem}.experience #edge-5,.experience #edge-6{height:10rem}.experience #edge-7,.experience #edge-8{height:11.7rem}.experience__timeline-container{top:1.9%;left:15%}.experience__companies{width:60rem}.experience__company{width:37rem}.experience__caret{left:-3.5%}}@media(max-width:700px){.experience #edge-1{height:8.75rem}.experience #edge-3{height:11rem}.experience #edge-6{height:8.8rem}.experience #edge-7,.experience #edge-8{height:10rem}.experience__timeline-container{top:1.5%;left:7%}.experience__timeline--node{width:3rem;height:3rem}.experience__timeline--edge{height:9.7rem;width:.5rem}.experience__caret{left:-4.2%}.experience__companies{width:40rem}.experience__company{width:30rem;padding:1.5rem 2rem;position:static;transition:none;opacity:1}.experience__company:nth-child(2n),.experience__company:nth-child(odd){transform:translateX(0)}.experience__firm-name{font-size:2.2rem}.experience__role{font-size:1.7rem}.experience__dates,.experience__industry,.experience__location{font-size:1.5rem}.experience__logo--blinkist{height:4rem;width:4.15rem}.experience__logo--kizo{height:3rem;width:7rem;top:-11%}.experience__logo--ga{height:4rem;width:4rem;top:-10%}.experience__logo--startup{height:3.25rem;width:3.25rem;right:-4.5%}.experience__logo--blk{height:2.75rem;width:9.5rem}.experience__logo--acc{height:3.25rem;width:3.25rem;top:-10%;right:-4%}.experience__logo--fcb{height:4rem;width:4rem;top:-9%}.experience__logo--bse{height:2.25rem;width:7.75rem;top:-7%;right:-7%}.experience__logo--uob{height:3.25rem;width:3.25rem;right:-3%;top:-7.5%}}@media(max-width:425px){.experience #edge-1{height:9.4rem}.experience #edge-2{height:10.5rem}.experience #edge-3{height:10.8rem}.experience #edge-4{height:10rem}.experience #edge-5,.experience #edge-6{height:9.5rem}.experience #edge-7{height:10.75rem}.experience #edge-8{height:11.6rem}.experience__timeline-container{top:1.25%;left:9%}.experience__timeline--node{width:2.75rem;height:2.75rem}.experience__timeline--edge{width:.45rem}.experience__caret{left:-5.3%}.experience__companies{width:35rem;padding-left:6rem;margin-top:5.5rem}.experience__company{width:25rem;padding:1.25rem 1.75rem}.experience__firm-name{font-size:2.1rem}.experience__role{font-size:1.6rem}.experience__dates,.experience__industry,.experience__location{font-size:1.45rem}.experience__notes{font-weight:300;margin-top:.25rem;font-size:1.2rem}}.hero{z-index:-1;transition:all .3s ease}.hero--outer{transform:skewY(-5deg);height:70vh;width:92vw;padding:.3rem;background:linear-gradient(to bottom right,#005e89,#32cbfe);border-radius:1.2rem;animation:fadeIn 5s}.hero--middle{padding:2rem;height:100%}.hero--middle,.hero--text{background-color:var(--background);border-radius:1rem;display:flex;justify-content:center;align-items:center}.hero--text{z-index:1;transform:skewY(5deg);height:60%;flex-direction:column;padding:0 2rem 2rem;text-align:center}.hero--text h1{font-weight:300;font-size:11rem;background-image:linear-gradient(to bottom right,#32cbfe,#005e89);-webkit-background-clip:text;color:transparent;animation:slideUp 2s}.Typewriter{margin-top:2rem;animation:fadeIn 10s}.typewriter{font-weight:300;font-size:3.25rem;letter-spacing:.15rem;color:#868686}.typewriter-cursor{font-weight:400;font-size:3.25rem;color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes slideUp{0%{transform:translateY(30rem);opacity:0}90%{transform:translateY(-2rem)}to{transform:translateY(0);opacity:100%}}@media(max-width:1000px){.hero--text h1{font-size:9rem}.typewriter{font-weight:300;font-size:3rem}.typewriter-cursor{font-weight:400;font-size:3rem}}@media(max-width:550px){.hero--outer{height:55vh}.hero--text h1{font-size:8rem}}.intro{padding:12rem 12rem 0;display:flex;flex-direction:column;text-align:justify;max-width:145rem;margin:0 auto}.intro__text{color:var(--text-tertiary);font-weight:300;font-size:2rem;margin-bottom:1.3rem;transform:translateY(3rem);transition:.5s;opacity:0}.intro__text--large{font-size:2.5rem;margin-bottom:1.5rem}.intro__text span{font-weight:400}.intro__text a{text-decoration:none;font-weight:500}.intro__underline{text-decoration:underline;-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary);text-underline-offset:.3rem;text-decoration-thickness:.1rem;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.slide-up{transform:translateY(0);opacity:1}@media(max-width:1000px){.intro{padding:7rem 7rem 0}}@media(max-width:550px){.intro{padding:4rem 4rem 0;text-align:left}}.landing{display:flex;justify-content:center;align-items:center;padding-top:10rem}@media(max-width:875px){.landing{margin:0 7.5rem}}.logo{position:fixed;top:5rem;left:-.5%;width:16rem;font-family:WindSong,cursive;font-size:4rem;text-align:center;text-decoration:none;color:transparent;background-image:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;transform:translateY(-50%);transition:opacity .3s ease-in-out;z-index:1000}.logo--hide{opacity:0;visibility:hidden}.logo:hover{cursor:pointer}@media(max-width:1020px){.logo{top:4rem}}@media(max-width:875px){.logo{position:absolute;top:3.4rem;left:-1.75rem;font-size:4rem}}.media__articles-wrapper{display:flex;justify-content:space-around}.media__logo-wrapper{display:flex;justify-content:center;width:235px;height:55px;margin:3rem auto;padding-bottom:0;background-color:#fff;border:1px solid #fff;border-radius:1rem;position:relative}.media__logo-wrapper--double-first,.media__logo-wrapper--double-second{width:320px;height:70px;background-color:transparent;border:none}.media__logo-wrapper--double-second{height:80px}.media__logo{border-radius:1rem}.media__snippet-wrapper{display:flex;background-color:#fff;border:1px solid #fff;border-radius:.5rem;margin:0 auto 5rem;position:relative}.media__snippet-wrapper--malaga{width:494px;height:450px}.media__snippet-wrapper--double-first,.media__snippet-wrapper--double-second{background-color:transparent;border:none;width:394px;height:350px}.media__malaga-hoy-snippet{margin:0 auto}@media(max-width:860px){.media__articles-wrapper{flex-direction:column}.media__snippet-wrapper--double-first{margin-bottom:0}}@media(max-width:620px){.media__snippet-wrapper{width:371px;height:337px}}@media(max-width:460px){.media__snippet-wrapper{width:247px;height:230px}}@media(max-width:335px){.media__logo-wrapper{width:180px;height:45px}}.products{display:flex;flex-direction:column;align-items:center}.products__intro{margin-bottom:4rem}.products__wrapper{width:46rem}.products__product{border:2px solid gray;border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:center;margin-bottom:3rem;text-decoration:none;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.products__product:hover{transform:scale(1.02)}.products__product:active{transform:scale(1.01);transition-duration:.1s}.products__product--logo{width:7rem;height:7rem;border-radius:1.25rem}.products__product--text-section{padding:1rem 1.5rem 1rem 0;width:100%;margin-left:1.5rem;display:flex;flex-direction:column;justify-content:center}.products__product--name{margin-bottom:.5rem;color:var(--text-secondary)}.products__product--tagline{letter-spacing:.1px;color:#5b7c8b}@media(max-width:700px){.products__wrapper{width:90%}}@media(max-width:450px){.products__wrapper{width:97%}.products__product{margin-bottom:1.5rem;padding:.5rem 1rem}.products__product--logo{width:6rem;height:6rem}.products__product--text-section{margin-left:1.25rem;padding-right:1rem}.products__product--tagline{font-size:1.45rem;letter-spacing:0}}@media(max-width:350px){.products__product{margin-bottom:1.25rem;padding:.25rem .8rem}.products__product--text-section{margin-left:1rem}.products__product--tagline{font-size:1.4rem}}.skills__icon-group{display:flex;flex-wrap:wrap;justify-content:center;max-width:133rem;margin:3rem auto}#skills__icon-wrapper{margin:1.5rem 1rem;text-align:center;opacity:0;transform:translateY(1.25rem);transition:opacity .8s ease-out,transform .8s ease-out}#skills__icon-wrapper.fade-in-icon{opacity:1;transform:translateY(0)}#skills__icon{margin:1.5rem;font-size:6rem;color:#5b7c8b}#skills__icon-manual{margin:0 1.25rem;font-size:1.6rem;display:flex;justify-content:center;align-items:center}#skills__icon-text,#skills__icon-text--fcp{margin-top:.5rem;font-size:1.8rem;text-align:center;color:#5b7c8b}@media(prefers-reduced-motion:reduce){#skills__icon-wrapper{transition:none;transform:none;opacity:1}}@media(max-width:900px){.skills__icon-group{margin:2rem auto}#skills__icon-wrapper{margin:1rem .5rem}#skills__icon{font-size:5rem}#skills__icon-text,#skills__icon-text--fcp{font-size:1.7rem}#skills__icon-text--fcp,#skills__icon-text--fcp--fcp{margin-top:.65rem}}@media(max-width:690px){#skills__icon{font-size:4rem}#skills__icon-text,#skills__icon-text--fcp{font-size:1.6rem}#skills__icon-text--fcp,#skills__icon-text--fcp--fcp{margin-top:.7rem}}@media(max-width:500px){#skills__icon-wrapper{margin:.75rem .25rem}#skills__icon{font-size:3rem}#skills__icon-text,#skills__icon-text--fcp{font-size:1.5rem}}.toggle{padding:1rem 2rem;margin-right:2rem;border:2px solid var(--accent-translucent);background-color:transparent;font-family:inherit;width:28%;color:var(--text-bw-translucent);font-size:1.6rem;transition:all .3s ease}.toggle__wrapper{border:2px solid var(--background);width:70%;margin:3rem auto;display:flex;justify-content:center;transition:all .3s ease}.toggle__wrapper--top{border-bottom:2px solid var(--accent);margin-bottom:5rem}.toggle__wrapper--bottom{border-top:2px solid var(--accent)}.toggle--top{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:2px solid transparent;margin-bottom:-.2rem}.toggle--top:hover{border:2px solid var(--accent);border-bottom:2px solid transparent}.toggle--bottom{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:2px solid transparent;margin-top:-.2rem}.toggle--bottom:hover{border:2px solid var(--accent);border-top:2px solid transparent}.toggle:hover{cursor:pointer}.toggle:last-of-type{margin-right:0}.selected{border:2px solid var(--accent);color:var(--text-bw);transition:all .3s ease}.selected--top,.selected--top:hover{border-bottom:2px solid var(--background);transition:all .3s ease}.selected--bottom,.selected--bottom:hover{border-top:2px solid var(--background);transition:all .3s ease}@media(max-width:750px){.toggle{margin-right:1rem}}@media(max-width:680px){.toggle{padding:1rem 0}}@media(max-width:600px){.toggle__wrapper{width:90%}}@media(max-width:400px){.toggle{font-size:1.3rem;margin-right:.5rem}}.videos__heading{margin-bottom:1rem}.videos__text{margin-top:3rem}.videos__videos-container{padding:4rem 0 0;display:flex;flex-wrap:wrap;justify-content:center}.videos__video-wrapper{border:3px solid gray;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:1.5rem 2rem;margin-bottom:2rem}.videos__video-wrapper:nth-of-type(odd){margin-right:2rem}.videos__video-title{color:var(--text-tertiary);font-size:1.75rem;margin-bottom:1rem;text-align:center}@media(max-width:1200px){.videos__videos-container{padding:4rem 2rem 0}.videos__video-wrapper:nth-of-type(odd){margin-right:0}}@media(max-width:575px){.videos__video-title{max-width:210px}}.author{display:flex;gap:2rem;align-items:center;padding:2rem 0 5rem}.author__profile-image{border-radius:50%;object-fit:cover}.author__text{display:flex;flex-direction:column}.author__text p{margin-bottom:0!important;color:#949494;font-size:1.3rem;font-weight:300;line-height:1.5!important}.author__text p a,.author__text p span{line-height:1.6;font-size:1.6rem}.author__text p a{text-decoration:none;font-weight:400}.author__text p a:hover{text-decoration:underline}.author__text--written-by{color:var(--text-tertiary);font-weight:400}@media(max-width:400px){.author{padding:0 0 2.5rem}}.blog-footer{margin-bottom:5rem}.blog-footer__links{display:flex;justify-content:space-between;width:100%}#blog-footer-back{text-decoration:none;color:#adadad;font-weight:300;transition:color .2s ease}#blog-footer-back:hover{color:var(--accent)}.blog-navbar{padding:4rem 10rem;max-width:950px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.blog-navbar a{text-decoration:none;color:#adadad;font-weight:300;transition:color .2s ease}.blog-navbar a:hover{color:var(--accent)}.blog-navbar p{font-size:1.8rem;font-weight:600}.blog-navbar__theme-toggle{background:none;border:none;font-size:2.5rem;transition:transform .2s ease}.blog-navbar__theme-toggle:hover{transform:scale(1.1);cursor:pointer}@media(max-width:1050px){.blog-navbar{padding:5rem 5rem 3.5rem}}@media(max-width:400px){.blog-navbar{padding:3.5rem 3.5rem 2.5rem}}@media(max-width:300px){.blog-navbar{padding:2rem;gap:1rem}}.blog-preview-card{border-bottom:1px solid #d5d5d5;display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:3rem 0;text-decoration:none}.blog-preview-card:first-of-type{border-top:1px solid #d5d5d5}.blog-preview-card__text-content{width:60%}.blog-preview-card__title{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.blog-preview-card__subtitle{color:var(--text-tertiary);margin-bottom:2rem}.blog-preview-card__info{display:flex;gap:2rem;align-items:center;font-size:1.5rem}.blog-preview-card__info p{color:#8e8e8e}@media(max-width:580px){.blog-preview-card{flex-direction:column;align-items:flex-start}.blog-preview-card__text-content{width:100%}.blog-preview-card__subtitle{margin-bottom:1.35rem}.blog-preview-card__info{gap:1.25rem}}@media(max-width:315px){.blog-preview-card__info{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-preview-card__image{width:100%}}.footer{background-color:var(--footer-background);color:var(--footer-text);text-align:center;padding-bottom:1rem;transition:background-color .3s ease}.footer p{padding:0 2rem;font-size:1.5rem}@media(max-width:875px){.footer p{font-size:1.3rem}}.navbar{background-color:rgba(var(--background-rgb),.8);transition:all .3s ease}.navbar,.navbar-overlay{z-index:10;display:flex;justify-content:center;position:fixed;width:100vw;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-decoration:none}.navbar-overlay__item,.navbar-overlay__item-wide,.navbar__item,.navbar__item-wide{color:var(--accent);padding:4rem;font-size:1.7rem;letter-spacing:1px}.navbar-overlay__item-wide,.navbar__item-wide{animation:slideIn 3s cubic-bezier(.91,.05,.84,.44)}.navbar-overlay__links,.navbar__links{display:flex}.navbar-overlay__link,.navbar__link{text-decoration:none;transition:all .1s ease-in-out}.navbar-overlay__link:hover,.navbar__link:hover{transform:scale(1.05)}.navbar-overlay__button,.navbar__button{display:flex;justify-content:center;align-items:center;position:absolute;right:0;margin:.5rem .5rem 0 0;padding:.5rem 1rem}.dark-light-button{background-color:transparent;padding:1.25rem;border:none;font-family:inherit;font-size:3.5rem;letter-spacing:1px;transition:.15s ease-in-out}.dark-light-button:hover{cursor:pointer;transform:scale(1.1)}.theme-icon{display:inline-block;animation:theme-icon-in .45s cubic-bezier(.22,.61,.36,1)}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-120deg)}to{opacity:1;transform:rotate(0deg)}}@media(prefers-reduced-motion:reduce){.theme-icon{animation:none}}@keyframes slideIn{0%{transform:translateY(-20rem);opacity:0}85%{opacity:0}to{transform:translateY(0);opacity:100%}}@media(max-width:1250px){.navbar__item-wide{padding:3.5rem 2.5rem}}@media(max-width:1020px){.navbar__item-wide{padding:3rem 2.5rem;font-size:1.5rem}}@media(max-width:950px){.navbar__item-wide{padding:2.5rem 2rem}.dark-light-button{padding:.2rem 1rem}}@media(max-width:875px){.navbar{display:none}.navbar__wrapper{background-color:rgba(var(--background-rgb),.8);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);position:fixed;top:0;z-index:20;display:flex;width:100%;height:6.3rem;transition:height .35s cubic-bezier(.4,0,.2,1),background-color .3s ease}.navbar__wrapper--open{height:110vh}.navbar__menu{position:absolute;top:0;right:0;margin:2rem 2.3rem;z-index:11}.navbar__line,.navbar__line-open{height:.3rem;width:3rem;background-color:var(--reverse-background);border-radius:1rem}.navbar__line-open:not(:last-of-type),.navbar__line:not(:last-of-type){margin-bottom:.5rem}.navbar__line{transform:translateY(0) rotate(0deg);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background-color .3s ease}.navbar__line--open:first-of-type{transform:translateY(.8rem) rotate(-225deg)}.navbar__line--open:nth-of-type(2){opacity:0}.navbar__line--open:nth-of-type(3){transform:translateY(-.8rem) rotate(225deg)}.navbar-overlay{padding-left:0}.navbar-overlay .navbar__links{margin-top:2.75rem;position:relative;height:100vh;flex-direction:column}.navbar-overlay .navbar__item{font-size:1.85rem;text-align:center;margin-bottom:0;width:90vw;padding:2rem}.navbar-overlay .navbar__button{position:absolute;top:31rem;left:2rem}.dark-light-button-mobile{background-color:transparent;border:none;font-size:3rem;position:absolute;right:7.5rem;top:1.25rem}}@media(max-width:450px){.dark-light-button-mobile{right:7rem}}@media(min-width:1400px){.navbar{max-width:140rem;left:50%;transform:translateX(-50%)}}.section{padding:12rem 12rem 0}@media(max-width:1000px){.section{padding:7rem 7rem 0}}@media(max-width:550px){.section{padding:6rem 4rem 0}}#private{display:none}.article{font-family:Poppins,sans-serif;letter-spacing:.015rem;max-width:950px;margin:0 auto;color:var(--text-tertiary)}.article>*{padding:0 10rem}.article .embedded,.article .image-container{position:relative;width:100%;height:400px;margin:0 auto 5rem}.article .embedded img,.article .image-container img{object-position:50% 50%;object-fit:cover;border-radius:.5rem}.article .embedded{width:70%;margin:3rem auto 5rem;height:300px}.article .embedded figcaption{position:absolute;bottom:.25rem;right:.75rem;font-size:1.35rem;font-weight:300}.article .embedded figcaption a{text-decoration:none}.article a{text-underline-offset:.4rem;color:#bf93f1}.article__tags{display:flex;flex-wrap:wrap;text-align:center;gap:1rem}.article__tags a,.article__tags p{background-color:rgba(151,78,0,.5);border-radius:2rem;color:#fff;padding:.5rem 1.25rem;text-decoration:none;transition:background-color .15s ease;display:flex;margin-bottom:0!important;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content}.article__tags a:hover,.article__tags p:hover{background-color:#974e00}.article section{margin-bottom:5rem}.article h1{font-size:4.5rem;font-weight:400;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.article h2{margin-bottom:2rem;font-size:2.5rem;font-weight:200;color:var(--text-secondary);line-height:1.2}.article h3{margin-bottom:2rem;font-size:2.25rem}.article h3,.article h4{font-weight:600;letter-spacing:.05rem}.article h4{margin-top:3rem;margin-bottom:1.5rem;font-size:1.7rem}.article h4:first-of-type{margin-top:0}.article p{margin-bottom:2rem}.article ol,.article ul{margin-left:4rem;margin-bottom:2rem}.article li{line-height:1.75;margin-bottom:1rem}.article code,.article pre{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:.4rem;font-size:inherit;font-family:Source Code Pro,monospace}.article pre{white-space:pre-wrap;padding:1.5rem 2rem;margin:2rem 1rem;text-indent:0}.article__highlight{background-color:#eefafe;padding:2rem;border-left:5px solid #a0e7ff;margin-bottom:1.5rem;line-height:1.5}.article__highlight p:last-of-type{margin-bottom:0}.article__nested li{margin-bottom:.5rem;line-height:1.5}.article__related-articles p{margin-top:5rem;margin-bottom:.5rem}.article__related-articles li{line-height:1}.article__related-articles a{text-underline-offset:.1rem}.article__profile-image{border-radius:50%;object-fit:cover}.article__article-info-container{display:flex;gap:2rem;align-items:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:2rem 0;margin:3rem 10rem 5rem}.article__article-info{display:flex;flex-direction:column}.article__article-info p{margin-bottom:0;color:#949494;font-size:1.2rem;font-weight:300}.article__article-info p a,.article__article-info p span{line-height:1.6;font-size:1.6rem}.article__article-info p a{text-decoration:none;font-weight:400}.article__article-info p a:hover{text-decoration:underline}.article__article-info--author{color:var(--text-tertiary);font-weight:400}.article .blue{color:#50cdff}.article .green{color:#51cc51}.article .grey{color:#949494}.article .secondary{color:var(--text-secondary)}.article .thin{font-weight:200;text-transform:uppercase}.article .note{font-size:1.25rem;color:#989898}.article .note code,.article .note pre{font-size:1.2rem}.article .superscript{font-size:1.25rem;vertical-align:super;line-height:0}@media(max-width:1050px){.article{padding:0 5rem}.article>*{padding:0}.article__article-info-container{padding:1.5rem 0;margin:3rem 0 6rem}}@media(max-width:750px){.article .image-container{height:250px}.article ol ul{margin-left:2rem}.article li{margin-left:0}.article p{line-height:1.75}.article li{line-height:1.5}.article__article-info-container{padding:1rem 0;margin-bottom:4rem;gap:1rem}}@media(max-width:400px){.article{padding:0 3.5rem}.article .image-container{margin:1rem auto 4rem}.article section{margin-bottom:4rem}.article h1{font-size:4rem;margin-bottom:1rem}.article h2{margin-bottom:1.5rem;font-size:2.25rem}.article h3{margin-bottom:1.5rem;font-size:2rem}.article ol,.article ul{margin-left:3rem}.article p{margin-bottom:1rem;line-height:1.5}.article li{line-height:1.4}.article__article-info p{margin-bottom:0}}@media(max-width:300px){.article{padding:0 2rem}}.blog-overview{font-family:Poppins,sans-serif;padding:0 5rem 5rem;max-width:850px;margin:0 auto;display:flex;flex-direction:column}.blog-overview h1{color:var(--text-secondary);font-size:3.5rem}.blog-overview h2{color:var(--text-secondary);font-weight:400}.blog-overview__search-wrapper{position:relative;margin:2rem auto 2rem 0;width:50%}.blog-overview__search-icon{position:absolute;top:21%;left:1rem;transform:scaleX(-1);color:#aaa}.blog-overview__search-input{width:100%;padding:1rem 4rem;border:1px solid #aaa;border-radius:.5rem;font-family:inherit;background-color:var(--background-primary);transition:all .2s ease}.blog-overview__search-input:focus{outline:none;border:1px solid var(--text-secondary)}.blog-overview__search-input:focus+.blog-overview__search-icon{color:var(--text-secondary)}.blog-overview__close-icon{position:absolute;top:20%;right:1rem;transform:scaleX(-1);color:#aaa;background:none;border:none;transition:all .3s linear}.blog-overview__close-icon:hover{cursor:pointer}.blog-overview__post-wrapper,.blog-overview__posts-wrapper{display:flex;flex-direction:column}.blog-overview__post-wrapper{border:3px solid var(--accent);border-radius:1rem;width:30rem;padding:4rem 2rem;margin:2rem;align-items:center;transition:.1s linear}.blog-overview__post-wrapper:hover{cursor:pointer;border:3px solid var(--text-primary);transform:scale(1.03)}.blog-overview__post-heading{margin:2rem 0 1rem}.blog-overview__post-teaser{text-align:center}@media(max-width:580px){.blog-overview__search-wrapper{width:100%}}@media(max-width:400px){.blog-overview{padding:0 3.5rem 3.5rem}}@media(max-width:300px){.blog-overview{padding:0 2rem 2rem}}@media(min-width:1400px){.contents{max-width:140rem;margin:0 auto}}