:root{--clr-primary-900: hsl(0, 0%, 90%);--clr-primary-800: hsl(195, 77%, 80%);--clr-primary-700: hsl(195, 77%, 70%);--clr-primary-600: hsl(195, 77%, 60%);--clr-primary-500: hsl(195, 77%, 45%);--clr-primary-400: hsl(195, 77%, 35%);--clr-primary-300: hsl(195, 77%, 25%);--clr-primary-200: hsl(195, 77%, 15%);--clr-primary-100: hsl(195, 40%, 5%);--clr-accent-900: hsl(0, 0%, 90%);--clr-accent-800: hsl(338, 77%, 80%);--clr-accent-700: hsl(338, 77%, 70%);--clr-accent-600: hsl(338, 77%, 60%);--clr-accent-500: hsl(338, 77%, 45%);--clr-accent-400: hsl(338, 77%, 35%);--clr-accent-300: hsl(338, 77%, 25%);--clr-accent-200: hsl(338, 77%, 15%);--clr-accent-100: hsl(338, 77%, 5%);--clr-neutral-900: hsl(0, 0%, 100%);--clr-neutral-800: hsl(0, 0%, 80%);--clr-neutral-700: hsl(0, 0%, 70%);--clr-neutral-600: hsl(195, 10%, 60%);--clr-neutral-500: hsl(195, 10%, 45%);--clr-neutral-400: hsl(195, 10%, 35%);--clr-neutral-300: hsl(195, 10%, 25%);--clr-neutral-200: hsl(195, 10%, 15%);--clr-neutral-100: hsl(195, 30%, 8%);--fs-200: clamp(.66rem, .83rem - .24vw, .78rem);--fs-300: clamp(1rem, .94rem - .02vw, 1.125rem);--fs-400: clamp(1.13rem, 1.05rem + .37vw, 1.31rem);--fs-500: clamp(1.35rem, 1.15rem + .99vw, 1.86rem);--fs-600: clamp(1.62rem, 1.23rem + 1.96vw, 2.62rem);--fs-700: clamp(1.94rem, 1.25rem + 3.45vw, 3.71rem);--fs-800: clamp(2.33rem, 1.2rem + 5.69vw, 5.25rem);--fs-900: clamp(2.8rem, 1rem + 9.01vw, 7.42rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow:hidden;text-rendering:optimizeSpeed}img,picture{max-width:100%;display:block}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:var(--fs-400);font-weight:400;line-height:1.5;color:var(--clr-neutral-800);background-color:var(--clr-neutral-100)}p,ol,ul{max-width:65ch}strong{font-weight:700;color:var(--clr-neutral-900);opacity:.9}em{font-style:italic}a{color:var(--clr-primary-500)}a:hover,a:focus{color:var(--clr-primary-700)}h2{font-size:var(--fs-700);font-weight:900;line-height:1.2;color:var(--clr-neutral-900)}h3{font-size:var(--fs-600);font-weight:900;line-height:1.2;color:var(--clr-neutral-900)}code{font-family:monospace;padding:.15em .25em;background-color:#ffffff1a}:where(ul,ol):not([class])>li{margin-left:2.5rem;margin-bottom:.25rem;max-width:40ch}:where(ul,ol):not([class])>li::marker{color:var(--clr-primary-500)}header{padding:1rem 0;background:var(--clr-primary-100)}header nav{display:flex;align-items:center;gap:2rem;justify-content:end}header a{text-decoration:none;color:var(--clr-neutral-700)}.button{appearance:none;background:#fff;color:var(--clr-neutral-100);border:0;cursor:pointer;display:inline-flex;text-decoration:none;font-weight:700;padding:.5em 1.5em;border-radius:.5rem;position:relative;transition:background-color .25s,color .25s}.button:after{content:"";position:absolute;inset:0rem;background:linear-gradient(to bottom right,var(--clr-primary-500),purple,var(--clr-accent-500));z-index:-1;filter:blur(2rem);transform:scale(0);transition:transform .75s 75ms ease}.button:hover,.button:focus{background:var(--clr-primary-100);color:var(--clr-primary-900)}.button:hover:after,.button:focus:after{transform:scale(1)}.button[data-type=accent]{background:var(--clr-accent-500);color:var(--clr-neutral-900)}.button[data-type=accent]:hover,.button[data-type=accent]:focus{background:var(--clr-accent-400);color:var(--clr-neutral-900)}h1,h2,h3,p{isolation:isolate}.underline{position:relative}.underline:after{content:"";position:absolute;z-index:-1;left:0;right:0;height:1em;bottom:-.6em;background-image:url(/underline.svg);background-size:contain;background-repeat:no-repeat}.fs-900 .underline:after,.fs-800 .underline:after,.fs-700 .underline:after{bottom:-.4em}.compiler{border:5px solid var(--clr-accent-500);border-radius:.5rem}.logo{max-width:35rem;width:100%;padding-inline:2rem}.gradient-bottom{background-attachment:fixed;background-image:linear-gradient(transparent 50%,var(--clr-neutral-100))}.fade-in{opacity:0;transition:opacity .75s}.modules{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.modules h3>span{display:block}.about-me-intro{display:flex;flex-direction:row-reverse;justify-content:space-evenly;align-items:center;gap:clamp(1rem,5vw,2rem)}.profile-picture{width:10rem;position:relative;isolation:isolate}@media(min-width:50em){.profile-picture{width:18rem;margin-left:-5rem}}.profile-picture img{border-radius:100%}.profile-picture:before{content:"";position:absolute;inset:-.5rem;background:linear-gradient(to bottom right,var(--clr-primary-500),purple,var(--clr-accent-500));z-index:-1;border-radius:100%}@keyframes opacityPulse{to{opacity:1}}.feature-grid ul{list-style:none}.feature-grid li{margin:0;padding:0}.feature-grid>ul{max-width:100%;display:grid;align-items:start;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));grid-template-rows:masonry}.feature-grid>ul>li{padding:1rem;background-color:var(--clr-neutral-100);border-radius:.5rem;box-shadow:0 0 1em #0003}.feature-grid>ul>li li{font-size:var(--fs-300)}.even-columns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.text-primary-900{color:var(--clr-primary-900)}.surface-primary-900{background-color:var(--clr-primary-900)}.text-primary-800{color:var(--clr-primary-800)}.surface-primary-800{background-color:var(--clr-primary-800)}.text-primary-700{color:var(--clr-primary-700)}.surface-primary-700{background-color:var(--clr-primary-700)}.text-primary-600{color:var(--clr-primary-600)}.surface-primary-600{background-color:var(--clr-primary-600)}.text-primary-500{color:var(--clr-primary-500)}.surface-primary-500{background-color:var(--clr-primary-500)}.text-primary-400{color:var(--clr-primary-400)}.surface-primary-400{background-color:var(--clr-primary-400)}.text-primary-300{color:var(--clr-primary-300)}.surface-primary-300{background-color:var(--clr-primary-300)}.text-primary-200{color:var(--clr-primary-200)}.surface-primary-200{background-color:var(--clr-primary-200)}.text-primary-100{color:var(--clr-primary-100)}.surface-primary-100{background-color:var(--clr-primary-100)}.text-accent-900{color:var(--clr-accent-900)}.surface-accent-900{background-color:var(--clr-accent-900)}.text-accent-800{color:var(--clr-accent-800)}.surface-accent-800{background-color:var(--clr-accent-800)}.text-accent-700{color:var(--clr-accent-700)}.surface-accent-700{background-color:var(--clr-accent-700)}.text-accent-600{color:var(--clr-accent-600)}.surface-accent-600{background-color:var(--clr-accent-600)}.text-accent-500{color:var(--clr-accent-500)}.surface-accent-500{background-color:var(--clr-accent-500)}.text-accent-400{color:var(--clr-accent-400)}.surface-accent-400{background-color:var(--clr-accent-400)}.text-accent-300{color:var(--clr-accent-300)}.surface-accent-300{background-color:var(--clr-accent-300)}.text-accent-200{color:var(--clr-accent-200)}.surface-accent-200{background-color:var(--clr-accent-200)}.text-accent-100{color:var(--clr-accent-100)}.surface-accent-100{background-color:var(--clr-accent-100)}.text-neutral-900{color:var(--clr-neutral-900)}.surface-neutral-900{background-color:var(--clr-neutral-900)}.text-neutral-800{color:var(--clr-neutral-800)}.surface-neutral-800{background-color:var(--clr-neutral-800)}.text-neutral-700{color:var(--clr-neutral-700)}.surface-neutral-700{background-color:var(--clr-neutral-700)}.text-neutral-600{color:var(--clr-neutral-600)}.surface-neutral-600{background-color:var(--clr-neutral-600)}.text-neutral-500{color:var(--clr-neutral-500)}.surface-neutral-500{background-color:var(--clr-neutral-500)}.text-neutral-400{color:var(--clr-neutral-400)}.surface-neutral-400{background-color:var(--clr-neutral-400)}.text-neutral-300{color:var(--clr-neutral-300)}.surface-neutral-300{background-color:var(--clr-neutral-300)}.text-neutral-200{color:var(--clr-neutral-200)}.surface-neutral-200{background-color:var(--clr-neutral-200)}.text-neutral-100{color:var(--clr-neutral-100)}.surface-neutral-100{background-color:var(--clr-neutral-100)}.surface-fancy-gradient{background-image:conic-gradient(from -90deg at 25% 115%,var(--clr-accent-100),var(--clr-accent-200),var(--clr-primary-200),var(--clr-primary-100),var(--clr-primary-100),var(--clr-primary-100))}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.br-100{border-radius:.25rem}.br-200{border-radius:.5rem}.br-300{border-radius:.75rem}.br-400{border-radius:1rem}.br-500{border-radius:1.25rem}.br-600{border-radius:1.5rem}.br-700{border-radius:2rem}.br-800{border-radius:2.5rem}.br-900{border-radius:3rem}.br-fluid-vertical,.br-fluid-horizontal{border-radius:clamp(2rem,610vh + 1rem,4rem)}.br-fluid-vertical-xl{border-radius:clamp(4rem,10vh + 1rem,8rem)}.br-fluid-horizontal-xl{border-radius:clamp(4rem,10vw + 1rem,8rem)}.fw-light{font-weight:300}.fw-regular{font-weight:400}.fw-bold{font-weight:700}.fw-black{font-weight:900}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.text-center>:where(h1,h2,h3,p,ol,ul){margin-inline:auto}.text-uppercase:where(.fs-900,.fs-800,.fs-700,.fs-600){line-height:.9}.padding-100{padding:.25rem}.padding-block-100{padding-block:.25rem}.padding-inline-100{padding-inline:.25rem}.padding-top-100{padding-top:.25rem}.padding-bottom-100{padding-bottom:.25rem}.padding-left-100{padding-left:.25rem}.padding-right-100{padding-right:.25rem}.margin-100{margin:.25rem}.margin-block-100{margin-block:.25rem}.margin-inline-100{margin-inline:.25rem}.margin-top-100{margin-top:.25rem}.margin-bottom-100{margin-bottom:.25rem}.margin-left-100{margin-left:.25rem}.margin-right-100{margin-right:.25rem}.padding-200{padding:.5rem}.padding-block-200{padding-block:.5rem}.padding-inline-200{padding-inline:.5rem}.padding-top-200{padding-top:.5rem}.padding-bottom-200{padding-bottom:.5rem}.padding-left-200{padding-left:.5rem}.padding-right-200{padding-right:.5rem}.margin-200{margin:.5rem}.margin-block-200{margin-block:.5rem}.margin-inline-200{margin-inline:.5rem}.margin-top-200{margin-top:.5rem}.margin-bottom-200{margin-bottom:.5rem}.margin-left-200{margin-left:.5rem}.margin-right-200{margin-right:.5rem}.padding-300{padding:.75rem}.padding-block-300{padding-block:.75rem}.padding-inline-300{padding-inline:.75rem}.padding-top-300{padding-top:.75rem}.padding-bottom-300{padding-bottom:.75rem}.padding-left-300{padding-left:.75rem}.padding-right-300{padding-right:.75rem}.margin-300{margin:.75rem}.margin-block-300{margin-block:.75rem}.margin-inline-300{margin-inline:.75rem}.margin-top-300{margin-top:.75rem}.margin-bottom-300{margin-bottom:.75rem}.margin-left-300{margin-left:.75rem}.margin-right-300{margin-right:.75rem}.padding-400{padding:1rem}.padding-block-400{padding-block:1rem}.padding-inline-400{padding-inline:1rem}.padding-top-400{padding-top:1rem}.padding-bottom-400{padding-bottom:1rem}.padding-left-400{padding-left:1rem}.padding-right-400{padding-right:1rem}.margin-400{margin:1rem}.margin-block-400{margin-block:1rem}.margin-inline-400{margin-inline:1rem}.margin-top-400{margin-top:1rem}.margin-bottom-400{margin-bottom:1rem}.margin-left-400{margin-left:1rem}.margin-right-400{margin-right:1rem}.padding-500{padding:1.25rem}.padding-block-500{padding-block:1.25rem}.padding-inline-500{padding-inline:1.25rem}.padding-top-500{padding-top:1.25rem}.padding-bottom-500{padding-bottom:1.25rem}.padding-left-500{padding-left:1.25rem}.padding-right-500{padding-right:1.25rem}.margin-500{margin:1.25rem}.margin-block-500{margin-block:1.25rem}.margin-inline-500{margin-inline:1.25rem}.margin-top-500{margin-top:1.25rem}.margin-bottom-500{margin-bottom:1.25rem}.margin-left-500{margin-left:1.25rem}.margin-right-500{margin-right:1.25rem}.padding-600{padding:1.5rem}.padding-block-600{padding-block:1.5rem}.padding-inline-600{padding-inline:1.5rem}.padding-top-600{padding-top:1.5rem}.padding-bottom-600{padding-bottom:1.5rem}.padding-left-600{padding-left:1.5rem}.padding-right-600{padding-right:1.5rem}.margin-600{margin:1.5rem}.margin-block-600{margin-block:1.5rem}.margin-inline-600{margin-inline:1.5rem}.margin-top-600{margin-top:1.5rem}.margin-bottom-600{margin-bottom:1.5rem}.margin-left-600{margin-left:1.5rem}.margin-right-600{margin-right:1.5rem}.padding-700{padding:2rem}.padding-block-700{padding-block:2rem}.padding-inline-700{padding-inline:2rem}.padding-top-700{padding-top:2rem}.padding-bottom-700{padding-bottom:2rem}.padding-left-700{padding-left:2rem}.padding-right-700{padding-right:2rem}.margin-700{margin:2rem}.margin-block-700{margin-block:2rem}.margin-inline-700{margin-inline:2rem}.margin-top-700{margin-top:2rem}.margin-bottom-700{margin-bottom:2rem}.margin-left-700{margin-left:2rem}.margin-right-700{margin-right:2rem}.padding-800{padding:2.5rem}.padding-block-800{padding-block:2.5rem}.padding-inline-800{padding-inline:2.5rem}.padding-top-800{padding-top:2.5rem}.padding-bottom-800{padding-bottom:2.5rem}.padding-left-800{padding-left:2.5rem}.padding-right-800{padding-right:2.5rem}.margin-800{margin:2.5rem}.margin-block-800{margin-block:2.5rem}.margin-inline-800{margin-inline:2.5rem}.margin-top-800{margin-top:2.5rem}.margin-bottom-800{margin-bottom:2.5rem}.margin-left-800{margin-left:2.5rem}.margin-right-800{margin-right:2.5rem}.padding-900{padding:3rem}.padding-block-900{padding-block:3rem}.padding-inline-900{padding-inline:3rem}.padding-top-900{padding-top:3rem}.padding-bottom-900{padding-bottom:3rem}.padding-left-900{padding-left:3rem}.padding-right-900{padding-right:3rem}.margin-900{margin:3rem}.margin-block-900{margin-block:3rem}.margin-inline-900{margin-inline:3rem}.margin-top-900{margin-top:3rem}.margin-bottom-900{margin-bottom:3rem}.margin-left-900{margin-left:3rem}.margin-right-900{margin-right:3rem}.padding-fluid-vertical{padding:clamp(2rem,610vh + 1rem,4rem)}.padding-block-fluid-vertical{padding-block:clamp(2rem,610vh + 1rem,4rem)}.padding-inline-fluid-vertical{padding-inline:clamp(2rem,610vh + 1rem,4rem)}.padding-top-fluid-vertical{padding-top:clamp(2rem,610vh + 1rem,4rem)}.padding-bottom-fluid-vertical{padding-bottom:clamp(2rem,610vh + 1rem,4rem)}.padding-left-fluid-vertical{padding-left:clamp(2rem,610vh + 1rem,4rem)}.padding-right-fluid-vertical{padding-right:clamp(2rem,610vh + 1rem,4rem)}.margin-fluid-vertical{margin:clamp(2rem,610vh + 1rem,4rem)}.margin-block-fluid-vertical{margin-block:clamp(2rem,610vh + 1rem,4rem)}.margin-inline-fluid-vertical{margin-inline:clamp(2rem,610vh + 1rem,4rem)}.margin-top-fluid-vertical{margin-top:clamp(2rem,610vh + 1rem,4rem)}.margin-bottom-fluid-vertical{margin-bottom:clamp(2rem,610vh + 1rem,4rem)}.margin-left-fluid-vertical{margin-left:clamp(2rem,610vh + 1rem,4rem)}.margin-right-fluid-vertical{margin-right:clamp(2rem,610vh + 1rem,4rem)}.padding-fluid-horizontal{padding:clamp(2rem,610vh + 1rem,4rem)}.padding-block-fluid-horizontal{padding-block:clamp(2rem,610vh + 1rem,4rem)}.padding-inline-fluid-horizontal{padding-inline:clamp(2rem,610vh + 1rem,4rem)}.padding-top-fluid-horizontal{padding-top:clamp(2rem,610vh + 1rem,4rem)}.padding-bottom-fluid-horizontal{padding-bottom:clamp(2rem,610vh + 1rem,4rem)}.padding-left-fluid-horizontal{padding-left:clamp(2rem,610vh + 1rem,4rem)}.padding-right-fluid-horizontal{padding-right:clamp(2rem,610vh + 1rem,4rem)}.margin-fluid-horizontal{margin:clamp(2rem,610vh + 1rem,4rem)}.margin-block-fluid-horizontal{margin-block:clamp(2rem,610vh + 1rem,4rem)}.margin-inline-fluid-horizontal{margin-inline:clamp(2rem,610vh + 1rem,4rem)}.margin-top-fluid-horizontal{margin-top:clamp(2rem,610vh + 1rem,4rem)}.margin-bottom-fluid-horizontal{margin-bottom:clamp(2rem,610vh + 1rem,4rem)}.margin-left-fluid-horizontal{margin-left:clamp(2rem,610vh + 1rem,4rem)}.margin-right-fluid-horizontal{margin-right:clamp(2rem,610vh + 1rem,4rem)}.padding-fluid-vertical-xl{padding:clamp(4rem,10vh + 1rem,8rem)}.padding-block-fluid-vertical-xl{padding-block:clamp(4rem,10vh + 1rem,8rem)}.padding-inline-fluid-vertical-xl{padding-inline:clamp(4rem,10vh + 1rem,8rem)}.padding-top-fluid-vertical-xl{padding-top:clamp(4rem,10vh + 1rem,8rem)}.padding-bottom-fluid-vertical-xl{padding-bottom:clamp(4rem,10vh + 1rem,8rem)}.padding-left-fluid-vertical-xl{padding-left:clamp(4rem,10vh + 1rem,8rem)}.padding-right-fluid-vertical-xl{padding-right:clamp(4rem,10vh + 1rem,8rem)}.margin-fluid-vertical-xl{margin:clamp(4rem,10vh + 1rem,8rem)}.margin-block-fluid-vertical-xl{margin-block:clamp(4rem,10vh + 1rem,8rem)}.margin-inline-fluid-vertical-xl{margin-inline:clamp(4rem,10vh + 1rem,8rem)}.margin-top-fluid-vertical-xl{margin-top:clamp(4rem,10vh + 1rem,8rem)}.margin-bottom-fluid-vertical-xl{margin-bottom:clamp(4rem,10vh + 1rem,8rem)}.margin-left-fluid-vertical-xl{margin-left:clamp(4rem,10vh + 1rem,8rem)}.margin-right-fluid-vertical-xl{margin-right:clamp(4rem,10vh + 1rem,8rem)}.padding-fluid-horizontal-xl{padding:clamp(4rem,10vw + 1rem,8rem)}.padding-block-fluid-horizontal-xl{padding-block:clamp(4rem,10vw + 1rem,8rem)}.padding-inline-fluid-horizontal-xl{padding-inline:clamp(4rem,10vw + 1rem,8rem)}.padding-top-fluid-horizontal-xl{padding-top:clamp(4rem,10vw + 1rem,8rem)}.padding-bottom-fluid-horizontal-xl{padding-bottom:clamp(4rem,10vw + 1rem,8rem)}.padding-left-fluid-horizontal-xl{padding-left:clamp(4rem,10vw + 1rem,8rem)}.padding-right-fluid-horizontal-xl{padding-right:clamp(4rem,10vw + 1rem,8rem)}.margin-fluid-horizontal-xl{margin:clamp(4rem,10vw + 1rem,8rem)}.margin-auto{margin:auto}.margin-block-fluid-horizontal-xl{margin-block:clamp(4rem,10vw + 1rem,8rem)}.margin-block-auto{margin-block:auto}.margin-inline-fluid-horizontal-xl{margin-inline:clamp(4rem,10vw + 1rem,8rem)}.margin-inline-auto{margin-inline:auto}.margin-top-fluid-horizontal-xl{margin-top:clamp(4rem,10vw + 1rem,8rem)}.margin-top-auto{margin-top:auto}.margin-bottom-fluid-horizontal-xl{margin-bottom:clamp(4rem,10vw + 1rem,8rem)}.margin-bottom-auto{margin-bottom:auto}.margin-left-fluid-horizontal-xl{margin-left:clamp(4rem,10vw + 1rem,8rem)}.margin-left-auto{margin-left:auto}.margin-right-fluid-horizontal-xl{margin-right:clamp(4rem,10vw + 1rem,8rem)}.margin-right-auto{margin-right:auto}:where(.flow)>*+*{margin-top:var(--flow-spacer, 1em)}.container{--container-width: 45rem;width:min(var(--container-width),100% - 2rem);margin-inline:auto}.container[data-type=wide]{--container-width: 65rem}.container[data-type=full-bleed]{--container-width: 100%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.unstyled-list{list-style:none}.gradient-glow{position:relative}.gradient-glow:after{pointer-events:none;content:"";position:absolute;inset:50% -10vw 0;max-height:40vh;transform:translateY(-50%);background:linear-gradient(to bottom right,var(--clr-primary-500),purple,var(--clr-accent-500));z-index:-1;border-radius:50%;filter:blur(10rem)}.gradient-glow[data-glow-position=bottom]:after{inset:auto -20vw -30vmax;height:20vh}