nav{position:fixed;font-size:1rem;top:0;left:50%;translate:-50%;height:80px;width:100%;display:flex;justify-content:space-between;background-color:var(--clr-nav-alpha);-webkit-backdrop-filter:blur(2vmax);backdrop-filter:blur(2vmax);padding-block:.7em!important;border-bottom:solid 1px hsla(0,0%,100%,.07);padding-inline:6rem!important;gap:1em;z-index:100;animation:nav-transition .5s linear forwards;animation-timeline:scroll(y);animation-range:0 100svh;.logo{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;text-decoration:none;gap:1ch;height:100%;Picture{height:100%;aspect-ratio:1 / 1;img{width:100%;height:100%}}span{color:#fff;text-transform:uppercase;font-size:1.8em;font-weight:var(--f-medium)}}}.nav-links{display:flex;align-items:center;gap:3ch;a{position:relative;text-decoration:none;color:var(--clr-f-100);transition:.2s ease}a:before{content:"";position:absolute;bottom:-.5ch;left:50%;translate:-50%;width:00%;height:2px;border-radius:10svh;filter:drop-shadow(0 0 3px hsla(0,0%,100%,.4));background-color:#fff;transition:.15s ease-out}a:after{content:"";position:absolute;bottom:-.5ch;left:50%;translate:-50%;width:115%;height:2px;opacity:0;border-radius:10svh;filter:drop-shadow(0 0 3px hsla(0,0%,100%,.15));background-color:#fff;transition:.15s ease-out}a:hover:before{width:115%;transition:.3s cubic-bezier(.29,.84,0,.99)}a:hover{text-shadow:0 0 4px hsla(0,0%,100%,.9),0 0 10px hsla(0,0%,100%,.6),0 0 17px hsla(0,0%,100%,.3)}a.active:after{opacity:.2}}@keyframes nav-transition{to{background-color:var(--clr-nav);height:65px;border-bottom:solid 1px hsla(0,0%,100%,.05)}}footer{font-size:.8rem;background-color:#0006;border:solid 1px hsla(0,0%,100%,.05);border-bottom:0;border-top-left-radius:.5em;border-top-right-radius:.5em;margin-inline:var(--body-gap);margin-top:var(--body-gap);padding-top:3rem!important;padding-inline:6rem!important;.footer-container{display:flex;gap:5em;.logo-img{height:5.5rem;width:5.5rem;img{width:100%;height:100%}}.col{display:flex;flex-direction:column;align-items:flex-start;gap:2ch;p{font-size:1.3em;font-weight:var(--f-normal)}a{position:relative;text-decoration:none;color:var(--clr-f-300);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;outline-offset:3px;transition:.2s ease}a:hover{color:var(--clr-f-100);text-shadow:0 0 4px hsla(0,0%,100%,.9),0 0 10px hsla(0,0%,100%,.6),0 0 17px hsla(0,0%,100%,.3);text-decoration-color:var(--clr-f-100)}}}}.body-bg[data-astro-cid-kz3dywxw]{position:fixed;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-100;opacity:1;filter:brightness(.7)}.blob[data-astro-cid-kz3dywxw]{position:fixed;top:50%;left:50%;width:55vmax;aspect-ratio:1 / 1;translate:-50% -50%;border-radius:100vh;background-color:#5973a6;mix-blend-mode:color-dodge;opacity:0;z-index:-50;transition:opacity .8s ease .1s,height 1s ease}body:hover .blob[data-astro-cid-kz3dywxw]{opacity:.3;height:100vh}.blur[data-astro-cid-kz3dywxw]{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:-25;-webkit-backdrop-filter:blur(12vmax);backdrop-filter:blur(12vmax)}@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-VariableFont_wght.woff2) format("woff2"),url(/assets/fonts/Mulish-VariableFont_wght.ttf) format("ttf")}:root{--clr-base: hsl(0, 0%, 100%);--clr-base-striped: repeating-linear-gradient( -45deg, hsl(0, 0%, 98%), hsl(0, 0%, 98%) 5px, hsl(0, 0%, 93%) 5px, hsl(0, 0%, 93%) 7px );--clr-base-dk: hsl(0, 0%, 14%);--clr-base-dkr: hsl(0, 0%, 10%);--clr-nav: hsla(0, 0%, 0%, .8);--clr-nav-alpha: hsla(0, 0%, 0%, .3);--clr-blue-100: hsl(225, 25%, 98%);--clr-blue-300: hsl(225, 25%, 62%);--clr-blue-500: hsl(225, 25%, 44%);--clr-blue-700: hsl(225, 25%, 25%);--clr-blue-900: hsl(225, 25%, 8%);--f-thin: 200;--f-light: 400;--f-normal: 600;--f-medium: 800;--f-bold: 1000;--clr-f-100: hsl(205, 10%, 98%);--clr-f-300: hsl(205, 10%, 62%);--clr-f-500: hsl(205, 10%, 44%);--clr-f-700: hsl(205, 10%, 25%);--clr-f-900: hsl(205, 10%, 5%);--body-gap: 1rem}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;--webkit-tap-highlight-color: transparent;::-moz-selection{background-color:#b3b3b399;color:#fff}::selection{background-color:#b3b3b399;color:#fff}}html{scroll-behavior:smooth;color-scheme:dark}body{z-index:0;background-color:var(--clr-base-dkr);font-family:Mulish;padding-block:calc(.5rem + 80px + .7em) 0}::-webkit-scrollbar{--thickness: 17px;width:var(--thickness);height:var(--thickness);background-color:color-mix(in hsl,var(--clr-blue-900),var(--clr-blue-700) 20%)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0a;border:4px solid var(--clr-base-dkr);border-top-width:3px;border-bottom-width:3px;margin:10em}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px #ffffff17;background-color:#ffffff24}::-webkit-scrollbar-thumb:active{background-color:#ffffff1c;cursor:grabbing}.main-padding{padding-inline:5rem;padding-block:3rem}main{background-color:#2e33381a;border:solid 1px hsla(0,0%,100%,.1);border-radius:.5em;margin-inline:var(--body-gap)}section{min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:4rem}.section-title{display:flex;flex-direction:column;gap:1ch;text-align:center;font-size:1rem}.section-title h2{font-size:3.5em;font-weight:var(--f-bold);color:var(--clr-f-100)}.section-title p{font-weight:var(--f-light);color:var(--clr-f-300)}.codeblock{font-family:monospace;background-color:#80808033;border:solid 1px hsla(0,0%,100%,.04);padding:.1em .2em .2em;border-radius:.2em;font-size:1em;transition:.3s ease}.codeblock:hover{background-color:#80808066;border:solid 1px hsla(0,0%,100%,.3)}.note{font-size:.8em;color:var(--clr-f-500)}.hlt{position:relative;--bg-size: 400%;--color-one: hsl(200, 100%, 50%);--color-two: hsl(280, 100%, 50%);background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-one)) 0 0 / var(--bg-size) 100%;color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4em;font-weight:var(--f-medium);font-variant:small-caps;text-transform:lowercase;letter-spacing:.1ch;animation:move-bg 8s linear infinite;.glow{position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-one)) 0 0 / var(--bg-size) 100%;color:inherit;background-clip:inherit;animation:move-bg 8s linear infinite;filter:blur(10px);opacity:.5;transition:.3s ease}}@keyframes move-bg{to{background-position:var(--bg-size) 0}}body:has(.loader-container){overflow:hidden}.loader-container{font-size:1rem;position:fixed;top:0;left:0;height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2ch;z-index:500;img{width:5em;z-index:501;filter:drop-shadow(0 0 5px hsla(0,0%,100%,.3))}}.loader-container:before{content:"";position:absolute;inset:0;background-image:url(images/blur-bg.gif)}.loader{display:block;--height-of-loader: 4px;width:10em;height:var(--height-of-loader);border-radius:30px;background-color:#0006;position:relative}.loader:before{content:"";position:absolute;background:#fff;filter:drop-shadow(0 0 5px hsla(0,0%,100%,.4));top:0;left:0;width:0%;height:100%;border-radius:30px;animation:moving .8s ease-in-out infinite}.loader-container.done{animation:loaderFadeOut .3s ease 1.2s forwards}@keyframes loaderFadeOut{to{opacity:0;pointer-events:none}}@keyframes moving{50%{width:100%}to{width:0;right:0;left:unset}}.dynamic-rot-el{position:relative;transition:.2s ease;.overlay{position:absolute;height:100%;z-index:2;inset:0;border-radius:inherit;background-image:linear-gradient(0deg,#fff3,#fff3);opacity:0;pointer-events:none;transition:.2s ease;filter:blur(7px)}}.dynamic-rot-el:hover{scale:1.15;.overlay{opacity:1}}.hidden{opacity:0;animation:none}.hidden.show{opacity:0;animation:fadeInUp 1s ease forwards}