@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+DK+Loopet:wght@100..400&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.static{position:static}.mx-2{margin-left:.5rem;margin-right:.5rem}.mt-6{margin-top:1.5rem}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.resize{resize:both}.break-words{overflow-wrap:break-word}.border{border-width:1px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{--genericElementWidth: min(85%, 1080px);--largerElementWidth: min(85%, 1300px);--w90ElementWidth: min(90%, 1300px);--pagePaddingY: min(100px, 10%);--displayFont: "Figtree", "Satoshi", system-ui, sans-serif;--paragraphFont: "Figtree", "Inter", "Work Sans", "Open Sans", system-ui, sans-serif;--codeFont: "Roboto Mono", Consolas, monospace;--roundedSmall: 5px;--roundedMedium: min(2vmin, 8px);--roundedLarge: 10px;--roundedXL: 15px}.theme-dark{--backgroundColor0: 9, 9, 10;--backgroundColor1: 13, 13, 14;--backgroundColor2: 18, 18, 20;--backgroundColor3: 25, 25, 31;--backgroundColor4: 33, 34, 39;--backgroundColor5: 45, 47, 52;--backgroundColor6: 58, 60, 66;--primaryColor0: 138, 127, 255;--primaryColor1: 113, 97, 255;--primaryColor2: 94, 76, 246;--primaryColor3: 76, 62, 189;--primaryColor4: 50, 36, 153;--secondaryColor0: 176, 177, 192;--secondaryColor1: 131, 135, 145;--textColor: 252, 252, 253;--linkColor: 191, 99, 244}.theme-light{--backgroundColor0: 255, 255, 255;--backgroundColor1: 255, 255, 255;--backgroundColor2: 250, 250, 251;--backgroundColor3: 241, 241, 242;--backgroundColor4: 233, 233, 234;--backgroundColor5: 220, 220, 221;--backgroundColor6: 206, 206, 207;--primaryColor0: 138, 127, 255;--primaryColor1: 113, 97, 255;--primaryColor2: 94, 76, 246;--primaryColor3: 76, 62, 189;--primaryColor4: 50, 36, 153;--secondaryColor0: 126, 127, 132;--secondaryColor1: 143, 145, 153;--linkColor: 191, 99, 244;--textColor: 0, 0, 0}body{font-family:var(--paragraphFont);font-size:16px;margin:0;color:rgb(var(--textColor));background-size:cover;background-color:rgb(var(--backgroundColor0))}.theme-light *,.theme-dark *{transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}#root{height:calc(100vh - var(--menuBarHeight));max-height:calc(100vh - var(--menuBarHeight));background-color:rgb(var(--backgroundColor0))}p{display:block;margin:1em 0}h1,h2,h3,h4,h5,h6{font-family:var(--displayFont);display:block;margin:0 0 .3em;font-weight:600;line-height:1.3}h1{font-size:3em}h2{font-size:2.2em}h3{font-size:1.8em}h4{font-size:1.5em}h5{font-size:1.2em}h6{font-size:1em}hr{width:100%;border:1px solid rgb(var(--textColor),.2);margin:0}code{font-family:var(--codeFont);font-size:1em;background-color:rgb(var(--backgroundColor3));padding:.1em .2em;border-radius:var(--roundedSmall);color:rgb(var(--textColor))}a{text-decoration:none;color:rgb(var(--linkColor));width:-moz-fit-content;width:fit-content}a:hover{text-decoration:underline}*::-webkit-scrollbar{width:min(12px,1vw);height:min(12px,1vh)}*::-webkit-scrollbar-track{background:rgb(var(--backgroundColor4))}*::-webkit-scrollbar-thumb{background:rgb(var(--backgroundColor6))}*::-webkit-scrollbar-thumb:hover{background:rgb(var(--backgroundColor5))}*::-webkit-scrollbar-corner{background:rgb(var(--backgroundColor4))}.theme-light *::-moz-selection{background-color:rgba(var(--primaryColor4),.25)}.theme-light *::selection{background-color:rgba(var(--primaryColor4),.25)}.theme-dark *::-moz-selection{background-color:rgba(var(--primaryColor0),.5)}.theme-dark *::selection{background-color:rgba(var(--primaryColor0),.5)}.text-accent{color:rgb(var(--primaryColor2))}.section-medium{width:var(--genericElementWidth);margin:0 auto}.section-lg{width:var(--largerElementWidth);margin:0 auto}.section-bottom{margin-bottom:var(--pagePaddingY)}.red{background-color:#ff141466!important}.blue{background-color:#1414ff66!important;outline:3px solid rgb(179,179,245)!important}.green{background-color:#14ff1466!important;outline:3px solid rgb(154,235,154)!important}.yellow{background-color:#ffff1466!important;outline:3px solid rgb(235,235,154)!important}.link{text-decoration:none;color:rgb(var(--linkColor));width:-moz-fit-content;width:fit-content}.link:hover{text-decoration:underline}.link-invis{text-decoration:none;color:inherit}.link-invis:hover{text-decoration:none!important}.img-link-invis{display:block;font-size:0;text-decoration:none;color:inherit;width:-moz-fit-content;width:fit-content}.input-primary{width:100%;font-family:var(--paragraphFont);color:rgb(var(--textColor));font-size:.9em;font-weight:400;padding:8px 10px;box-sizing:border-box;border-radius:var(--roundedMedium);border:2px solid transparent;outline:1px solid rgba(var(--secondaryColor1),.5);transition:background .3s ease,box-shadow .3s ease,outline-color .15s ease}.theme-dark .input-primary{background-color:rgb(var(--backgroundColor3))}.theme-light .input-primary{background-color:rgb(var(--backgroundColor1))}.input-primary::-moz-placeholder{color:rgba(var(--textColor),.6)}.input-primary::placeholder{color:rgba(var(--textColor),.6)}.input-primary:hover{outline:1px solid rgba(var(--secondaryColor1),.9)}.input-primary:hover::-moz-placeholder{color:rgba(var(--textColor),.7)}.input-primary:hover::placeholder{color:rgba(var(--textColor),.7)}.input-primary:focus{box-shadow:0 0 0 5px rgba(var(--primaryColor1),.3);border:2px solid rgb(var(--primaryColor1));outline:1px solid rgb(var(--primaryColor1))}.input-primary:focus::-moz-placeholder{color:rgba(var(--textColor),.7)}.input-primary:focus::placeholder{color:rgba(var(--textColor),.7)}button{box-sizing:border-box;max-width:-moz-fit-content;max-width:fit-content}.button-primary,.button-secondary{border-radius:var(--roundedMedium);font-family:var(--displayFont);border:none;outline:none;transition:.15s;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.button-primary[disabled],.button-secondary[disabled]{font-weight:500;outline:none;cursor:pointer;transition:.1s;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.5;box-shadow:none;pointer-events:none}.button-primary{color:#fff;background-color:rgb(var(--primaryColor2));box-shadow:0 2px 5px -3px #0003}.button-primary:hover{background-color:rgb(var(--primaryColor1));box-shadow:0 2px 5px 1px #0004}.button-primary:active{transition:background 0s;background-color:rgb(var(--primaryColor0))}.button-secondary{background-color:rgba(var(--backgroundColor2),.5);color:rgb(var(--textColor));border:1px solid rgba(var(--secondaryColor1),.5);outline:none}.theme-dark .button-secondary:hover{background-color:rgba(var(--backgroundColor4),.9);border:1px solid rgb(var(--secondaryColor1),.9)}.theme-light .button-secondary:hover{background-color:rgba(var(--backgroundColor3),.9);border:1px solid rgb(var(--secondaryColor1),.9)}.theme-dark .button-secondary:active{transition:background 0s;background-color:rgba(var(--backgroundColor6),1);border:1px solid rgb(var(--secondaryColor1),1)}.theme-light .button-secondary:active{transition:background 0s;background-color:rgba(var(--backgroundColor5),1);border:1px solid rgb(var(--secondaryColor1),1)}.mopo{margin:0!important;padding:0!important}.button-small{padding:.2em 1.2em;font-size:1em}.button-medium{padding:.4em 1.5em;font-size:1em}.button-large{padding:.6em 1.8em;font-size:1em}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--largerElementWidth);margin:0 auto;margin-top:var(--pagePaddingY)}.page-hero-graphic{width:100%;animation:fadeIn .3s;animation-delay:.2s;animation-fill-mode:backwards;margin:-5% auto}@media screen and (max-width: 500px){.page-hero-graphic{margin-bottom:0!important}.page-hero{width:100vw}.page-hero-graphic{width:100vw!important;max-width:100vw}.page-hero-title{text-align:center;line-height:1.2}.page-hero-title-muted{display:block;width:100%}}.page-hero-title{font-size:max(min(4rem,8vw),2.5rem);animation:fadeIn .3s;animation-delay:.4s;animation-fill-mode:backwards;max-width:100%;overflow:hidden;text-wrap:wrap;line-height:1.1}.page-hero-title-muted{font-family:var(--codeFont);color:rgba(var(--textColor),.3);font-weight:400}.page-hero-icon{padding:min(1.5rem,4vw);height:min(8rem,20vw);border-radius:var(--roundedXL);box-sizing:border-box;pointer-events:none;z-index:20;animation:rotateIn .6s;animation-fill-mode:backwards}.theme-light .page-hero-icon{border:1px solid rgb(var(--secondaryColor0),.5);box-shadow:0 30px 80px -30px rgba(var(--primaryColor2),.3),0 50px 80px -70px rgba(var(--primaryColor0),.2) inset}.theme-dark .page-hero-icon{border:1px solid rgb(var(--secondaryColor0),.25);background-image:radial-gradient(50% 150% at 50% -100%,rgba(var(--primaryColor0),.3) 30%,rgba(var(--primaryColor4),.01));box-shadow:0 20px 80px -20px rgba(var(--primaryColor4))}.page-separator{margin:4rem auto;width:var(--largerElementWidth)}@media screen and (max-width: 500px){.page-separator{margin:3rem auto!important}}.boxedtext-primary{width:-moz-fit-content;width:fit-content;font-family:var(--paragraphFont);color:rgb(var(--textColor));font-size:.9rem;font-weight:400;padding:.5em 2em;box-sizing:border-box;margin-left:auto;margin-right:auto;border-radius:var(--roundedMedium);border:2px solid transparent;outline:1px solid rgba(var(--secondaryColor1),.5);transition:background .3s ease,box-shadow .3s ease,outline-color .15s ease}@media screen and (max-width: 500px){.boxedtext-primary{text-align:center}}.theme-dark .boxedtext-primary{background-color:rgb(var(--backgroundColor3))}.theme-light .boxedtext-primary{background-color:rgb(var(--backgroundColor1))}.boxedtext-primary:hover{outline:1px solid rgba(var(--secondaryColor1),.9)}.text-muted{color:rgba(var(--textColor),.6)}.text-muted-2{color:rgba(var(--textColor),.5)}.text-muted-3{color:rgba(var(--textColor),.4)}.text-muted-4{color:rgba(var(--textColor),.3)}@keyframes homepage-left-flyin{0%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes homepage-bottom-flyin{0%{opacity:.5;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@keyframes hero-img-right-flyin{0%{opacity:0;filter:hue-rotate(-50deg);transform:translate(10%) scale(1.05)}to{opacity:1;filter:hue-rotate(0deg);transform:translate(0) scale(1)}}@keyframes hero-img-appear{0%{opacity:0}to{opacity:1}}:root{background-color:rgb(var(--backgroundColor0))}.homepage-hero-backdrop{background-size:contain;background-repeat:no-repeat;background-position:center}.homepage-hero-main{position:relative;display:flex;width:var(--largerElementWidth);align-items:center;justify-content:space-between;margin:var(--pagePaddingY) auto}.homepage-hero-img{position:absolute;right:0;max-height:100%;animation:hero-img-right-flyin .9s ease;animation-fill-mode:both}.homepage-hero-left{display:flex;flex-direction:column;gap:min(2.5rem,10vw);z-index:5}.homepage-hero-1-blur{padding:8px;border-radius:calc(var(--roundedXL) + 8px);border:1px solid rgba(var(--secondaryColor0),.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow .3s;animation:homepage-left-flyin .9s ease;animation-fill-mode:both}.theme-dark .homepage-hero-1-blur{box-shadow:0 -30px 10px -30px #cac3ffe6 inset,0 60px 20px -60px #cac3ffe6,0 -20px 50px -20px #8400ffe6 inset,0 40px 100px -40px #8400ffe6}.homepage-hero-1{position:relative;border-radius:var(--roundedXL);padding:3rem 2rem;word-wrap:break-word}.theme-light .homepage-hero-1{border:1px solid rgba(var(--secondaryColor0),.4)}.theme-dark .homepage-hero-1{background-image:radial-gradient(70% 100% at 60% -50%,rgba(var(--primaryColor0),.1),rgba(var(--primaryColor4),.05)),linear-gradient(180deg,transparent 80%,rgba(var(--secondaryColor0),.02) 100%),linear-gradient(180deg,transparent 90%,rgba(var(--primaryColor0),.04) 100%);-o-border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),1),transparent 90%) 1;border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),1),transparent 90%) 1;border-width:1px;border-style:solid}.homepage-hero-2{position:relative;border-radius:var(--roundedXL);padding:1.5rem 0;box-sizing:border-box}.theme-light .homepage-hero-2{border:1px solid rgba(var(--secondaryColor0),.4)}.theme-dark .homepage-hero-2{box-shadow:0 0 100px -40px #8400ffb3;background-image:radial-gradient(70% 100% at 60% -50%,rgba(var(--primaryColor0),.1),rgba(var(--primaryColor4),.03)),linear-gradient(180deg,transparent 80%,rgba(var(--secondaryColor0),.02) 100%),linear-gradient(180deg,transparent 90%,rgba(var(--primaryColor0),.04) 100%);-o-border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),1),transparent 90%) 1;border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),1),transparent 90%) 1;border-width:1px;border-style:solid}.homepage-hero-2-blur{padding:8px;border-radius:calc(var(--roundedXL) + 8px);border:1px solid rgba(var(--secondaryColor0),.3);transition:box-shadow .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:homepage-left-flyin .9s ease;animation-delay:.1s;animation-fill-mode:both}.theme-dark .homepage-hero-2-blur{box-shadow:0 40px 200px -40px #70f3}@keyframes maintext-appear{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.hero-maintext{font-size:3.75rem;line-height:1.1;animation:maintext-appear .15s ease;animation-fill-mode:both;overflow:visible}.maintext-hidden{visibility:hidden}.hero-accent-col{background:linear-gradient(90deg,rgb(var(--primaryColor2)),rgb(var(--primaryColor0)),rgb(var(--primaryColor2)),rgb(var(--primaryColor0)),rgb(var(--primaryColor2)));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:scrolling-gradient-text 10s linear infinite}.hero-faded-col{color:rgba(var(--textColor),.7);margin:0}.homepage-hero-2-text{color:rgba(var(--textColor),.6);font-weight:500;margin:0 min(2rem,3vw);margin-bottom:min(2rem,3vh);text-align:center}.aboutme-main-desc{text-align:center;width:min(900px,80%);color:rgba(var(--textColor),.6);margin:0}@media screen and (max-width: 500px){.aboutme-main-desc{width:90%}}.homepage-lg-icons-container{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0 2rem;box-sizing:border-box}.homepage-lg-icon-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.homepage-lg-icon-text{text-align:center;margin:0;font-size:min(1rem,5vw)}.homepage-lg-icon{padding:min(1.5rem,8vw);width:min(6rem,30vw);border-radius:var(--roundedXL);box-sizing:border-box}.theme-light .homepage-lg-icon{background-color:rgba(var(--backgroundColor0),.3);border:1px solid rgb(var(--secondaryColor0),.5)}.theme-dark .homepage-lg-icon{background-color:rgba(var(--backgroundColor0),.8);border:1px solid rgb(var(--secondaryColor0),.25);background-image:radial-gradient(50% 150% at 50% -100%,rgba(var(--primaryColor0),.3) 30%,rgba(var(--primaryColor4),.01));transition:background .3s ease,box-shadow .2s ease}.theme-dark .icon-wrapper-link:hover .homepage-lg-icon{box-shadow:0 20px 50px -30px rgba(var(--primaryColor0),.5) inset}.homepage-separator{margin:0 auto;width:var(--largerElementWidth)}@media screen and (max-width: 1200px){.aboutme-bio-top{flex-direction:column}.portrait-img{margin:0 auto}}.aboutme-bio-top{display:flex;gap:1.5rem}.portrait-img{max-width:min(400px,90%);-o-object-fit:contain;object-fit:contain;height:auto;border-radius:var(--roundedLarge);transition:box-shadow .3s ease}.theme-dark .portrait-img{box-shadow:50px 30px 60px -30px rgba(var(--primaryColor2),.3)}@media screen and (max-width: 900px){.homepage-hero-left{width:100%}.homepage-hero-1{text-align:center;font-size:.9em;width:100%;padding:min(2rem,8vh) min(1.5rem,6vw)}.homepage-hero-2{width:100%;padding:min(1.5rem,3vh) 0}.homepage-hero-1-blur{animation:homepage-bottom-flyin .9s ease!important;animation-fill-mode:both}.homepage-hero-2-blur{animation:homepage-bottom-flyin .9s ease!important;animation-delay:.1s!important;animation-fill-mode:both}.homepage-hero-img{margin:0 auto;right:50%;transform:translate(50%);animation:hero-img-appear .9s ease!important;animation-fill-mode:both!important}.homepage-lg-icons-container{display:flex;flex-wrap:wrap;justify-content:center;padding:0 2rem}}@media screen and (max-width: 700px){.hero-maintext{font-size:3rem!important}.homepage-lg-icon{padding:min(1.5rem,6vw);width:min(6rem,24vw)}}@media screen and (max-width: 550px){.homepage-hero-img{top:20%}}body{--menubarHeight: min(60px, 15vh);--menubarFontSize: min(1.3rem, 5vw);--menubarPaddingX: calc((100vw - var(--genericElementWidth)) / 2)}.menubar-main{display:flex;justify-content:space-between;align-items:center;padding:0 var(--menubarPaddingX);box-sizing:border-box;height:var(--menubarHeight);position:fixed;top:0;left:0;font-family:var(--displayFont);font-size:var(--menubarFontSize);font-weight:600;width:100%;z-index:100;border-width:0;border-bottom-width:1px;border-style:solid;transition:background .3s ease,-webkit-backdrop-filter .2s ease;transition:backdrop-filter .2s ease,background .3s ease;transition:backdrop-filter .2s ease,background .3s ease,-webkit-backdrop-filter .2s ease}.theme-light .menubar-main{-o-border-image:linear-gradient(90deg,transparent 0%,rgba(var(--secondaryColor0),.9),transparent 100%) 1;border-image:linear-gradient(90deg,transparent 0%,rgba(var(--secondaryColor0),.9),transparent 100%) 1;background-color:rgb(var(--backgroundColor0))}.theme-dark .menubar-main{-o-border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),.3),transparent 90%) 1;border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),.3),transparent 90%) 1;background-image:radial-gradient(50% 150% at 50% -100%,rgba(var(--primaryColor0),.3) 30%,rgba(var(--primaryColor4),.01))}.theme-dark .menubar-main:before{width:100%;height:100%;position:absolute;top:0;left:0;content:"";-webkit-backdrop-filter:blur(1.2vh);backdrop-filter:blur(1.2vh);z-index:-10}.menubar-title-container{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;white-space:normal}.menubar-logo-img{display:inline;vertical-align:middle;height:calc(1.6/1.3 * var(--menubarFontSize));width:calc(1.6/1.3 * var(--menubarFontSize));margin:0 .5em 0 0;line-height:0}.menubar-title-text{display:inline;vertical-align:middle;font-weight:600}.menubar-title-lastname{color:rgb(var(--primaryColor0));font-family:Courier Prime,Consolas,monospace}.menubar-title-firstname{font-size:.85em;font-family:Playwrite DK Loopet,cursive}.menubar-page-title{padding-left:1em;margin-left:1em;vertical-align:middle;border-left:1px solid rgba(var(--secondaryColor0),.4);font-size:.7em;font-weight:400;color:rgba(var(--textColor),.6)}.menubar-right-aligned{display:flex;align-items:center;justify-content:center;height:100%}.menubar-links-container{height:100%;display:flex;align-items:center;justify-content:center}.menubar-link-container{position:relative;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;padding:0 calc(1 / 1.3 * var(--menubarFontSize))}.menubar-link{width:100%;transition:background-color .1s ease;color:rgb(var(--textColor));border-radius:var(--roundedMedium);text-decoration:none}.menubar-link-container:has(.menubar-link.selected){border-bottom:2px solid rgb(var(--primaryColor1))}.menubar-link-icon{width:var(--menubarFontSize);height:var(--menubarFontSize);transition:opacity .2s ease}.theme-light .menubar-link-icon{opacity:.4}.theme-dark .menubar-link-icon{opacity:.6}.menubar-link-icon:hover,.menubar-link.selected .menubar-link-icon{opacity:1}.menubar-hint{position:absolute;pointer-events:none;top:120%;left:50%;transform:translate(-50%);opacity:0;padding:calc(.3 / 1.3 * var(--menubarFontSize)) calc(.8 / 1.3 * var(--menubarFontSize));font-size:calc(.9 / 1.3 * var(--menubarFontSize));font-weight:400;color:rgba(var(--textColor),.6);border-radius:var(--roundedMedium);transition:opacity .1s ease}.theme-light .menubar-hint{background-color:rgb(var(--backgroundColor0))}.theme-dark .menubar-hint{border:1px solid rgba(var(--secondaryColor0),.3);-webkit-backdrop-filter:blur(1.2vh);backdrop-filter:blur(1.2vh);background-image:radial-gradient(50% 150% at 50% -100%,rgba(var(--primaryColor0),.3) 30%,rgba(var(--primaryColor4),.01))}.menubar-link:hover .menubar-hint{opacity:1}.menubar-theme-container{display:flex;align-items:center;justify-content:center;line-height:0;margin-left:calc(1 / 1.3 * var(--menubarFontSize));padding-left:calc(2 / 1.3 * var(--menubarFontSize));cursor:pointer;border-left:.15vw solid rgba(var(--secondaryColor0),.4)}.menubar-theme-icon{width:var(--menubarFontSize);height:var(--menubarFontSize);opacity:.8;transition:opacity .2s ease}.menubar-theme-icon:hover{opacity:1}@media screen and (max-width: 700px){body{--menubarPaddingX: calc((100vw - var(--largerElementWidth)) / 2) !important}.menubar-page-title{display:none}.menubar-title-container{font-size:.9rem}}@media screen and (max-width: 500px){body{--pagePaddingY: min(150px, 15%) !important}.menubar-title-text{display:none}.menubar-logo-img{margin-right:0!important}.menubar-title-container{font-size:.9rem;display:flex;align-items:center;justify-content:center}}@keyframes scrolling-gradient-text{0%{background-position:0%}to{background-position:100%}}.theme-dark{--footerColor: transparent;--footerTextColor: 225, 232, 235, .7;--footerBorderColor: transparent}.theme-light{--footerColor: transparent;--footerTextColor: 0, 0, 0, .7;--footerBorderColor: rgba(var(--secondaryColor0), .3)}.footer-container{width:100%;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;margin-top:auto;height:-moz-fit-content;height:fit-content;font-family:var(--displayFont)}.theme-dark .footer-container{-o-border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),.3),transparent 90%) 1;border-image:linear-gradient(90deg,transparent 10%,rgba(var(--secondaryColor0),.3),transparent 90%) 1;border-width:0;border-top-width:1px;border-style:solid;background-image:radial-gradient(70% 100% at 50% 150%,rgba(var(--primaryColor0),.2) 30%,rgba(var(--primaryColor4),.01))}.footer-body{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;padding:4rem 0;border-top:1px solid var(--footerBorderColor);color:rgba(var(--footerTextColor));background-color:rgb(var(--footerColor));width:var(--genericElementWidth);margin:0 auto;box-sizing:border-box}.theme-dark .footer-maintext{background-image:linear-gradient(90deg,rgb(var(--textColor)),rgb(var(--primaryColor0)),rgb(var(--textColor)),rgb(var(--primaryColor0)),rgb(var(--textColor)));-webkit-background-clip:text;background-clip:text;color:transparent;animation:scrolling-gradient-text 5s linear infinite;background-size:200%}.theme-light .footer-maintext{color:rgb(var(--textColor))}.footer-links-container{display:flex;flex-direction:column;gap:.6em}.footer-link{display:flex;align-items:center;width:100%;font-size:.95em;padding:.4em 1.2em;transition:background-color .1s ease,box-shadow .1s ease,border .1s ease;color:rgba(var(--footerTextColor));border-radius:var(--roundedMedium);text-decoration:none;border:1px solid rgba(var(--secondaryColor0),.2)}.theme-dark .footer-link{background-color:rgba(var(--primaryColor4),.05);box-shadow:0 -10px 30px -20px rgba(var(--secondaryColor0),.3) inset}a.footer-link:hover{text-decoration:none;background-color:rgba(var(--primaryColor0),.1);cursor:pointer;border:1px solid rgba(var(--secondaryColor0),.4)}.theme-dark a.footer-link:hover{border:1px solid rgba(var(--secondaryColor0),.3)!important;background-color:rgba(var(--primaryColor4),.05)!important;box-shadow:0 -10px 40px -20px rgba(var(--secondaryColor0),.4) inset}a.footer-link:active{transition:0s;background-color:rgba(var(--primaryColor0),.3);border:1px solid rgba(var(--secondaryColor0),.6)}.theme-dark a.footer-link:active{border:1px solid rgba(var(--secondaryColor0),.4)!important;background-color:rgba(var(--primaryColor0),.15)!important;box-shadow:0 -10px 40px -20px rgba(var(--secondaryColor0),.5) inset}.footer-link-icon{line-height:1;font-size:1em;height:1em;margin-right:.5em}.copy-icon{display:inline;vertical-align:middle;line-height:1;font-size:.95em;height:.95em;opacity:.6}.check-icon{display:inline;vertical-align:middle;line-height:1;font-size:.95em;height:.95em;opacity:1}.theme-light .invert-on-light-theme,.theme-dark .invert-on-dark-theme{filter:invert(1)}@media screen and (max-width: 800px){.footer-body{flex-direction:column}.footer-hero-container{text-align:center;margin:0 auto}.footer-links-container{margin:0 auto;justify-content:center}}@media screen and (max-width: 420px){.footer-links-container{display:flex;flex-direction:row!important;flex-wrap:wrap}.footer-link{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:1.5em}.footer-link span,.footer-link .check-icon,.footer-link .copy-icon{display:none}.footer-link-icon{margin-right:0!important;line-height:1}.footer-nbsp{display:none}}.generic-page-body{display:flex;flex-direction:column;margin:0 auto;margin-top:var(--menubarHeight);min-height:calc(100vh - var(--menubarHeight));box-sizing:border-box;position:relative;background-color:transparent}.generic-page-body-expandable{margin:0 auto;margin-top:var(--menubarHeight);min-height:calc(100% - var(--menubarHeight));width:var(--genericElementWidth);position:relative;display:flex;flex-direction:column;background-color:rgb(var(--backgroundColor0))}.genpage-container{padding:var(--pagePaddingY) 0;width:var(--genericElementWidth);margin:0 auto}@media screen and (max-width: 1000px){.genpage-main{flex-wrap:wrap}}.genpage-header{margin:0 0 30px;font-size:40px;font-family:var(--displayFont);font-weight:800}.genpage-subheader{font-size:20px;font-weight:600;font-family:var(--displayFont);margin:-20px 0 30px}.fadein_0_6{animation:fadeIn .3s;animation-delay:.6s;animation-fill-mode:backwards}.projects-main-desc{text-align:center;width:min(900px,80%);color:rgba(var(--textColor),.6);margin:0 auto;margin-top:1rem}@media screen and (max-width: 500px){.projects-main-desc{width:90%}.project-page-tags-container{max-width:85%}}.project-page-tags-container{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;margin:0 auto;margin-top:1.5rem}.project-page-cards-container{animation:fadeIn .3s;animation-delay:.8s;animation-fill-mode:backwards}.art-page-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;-moz-column-gap:30px;column-gap:30px}.art-hero-graphic{width:100%;animation:fadeIn .3s;animation-delay:.2s;animation-fill-mode:backwards}.art-hero-title{margin-top:-4rem;font-size:4rem;animation:fadeIn .3s;animation-delay:.4s;animation-fill-mode:backwards}.art-hero-title-muted{font-family:var(--codeFont);color:rgba(var(--textColor),.3);font-weight:400}.art-main-desc{text-align:center;width:min(900px,80%);max-width:var(--genericElementWidth);color:rgba(var(--textColor),.6);margin:0 auto;margin-top:1rem;animation:fadeIn .3s;animation-delay:.6s;animation-fill-mode:backwards}@media screen and (max-width: 500px){.art-main-desc{width:100%}}.art-page-cards-container{margin-top:1rem;animation:fadeIn .3s;animation-delay:.8s;animation-fill-mode:backwards}.project-page-card{font-size:.9rem;padding:1.4rem;border-radius:var(--roundedXL);transition:border .2s,box-shadow .4s;border:1px solid rgba(var(--secondaryColor0),.2)}@media screen and (max-width: 750px){.project-page-card{text-align:center}.card-tags-container{justify-content:center}}.theme-dark .project-page-card{background-color:rgba(var(--backgroundColor2),.5);box-shadow:0 30px 90px -50px rgba(var(--primaryColor0),.2)}.theme-light .project-page-card:hover{border:1px solid rgba(var(--secondaryColor0),.5);background-color:rgba(var(--backgroundColor2),.5)}.theme-dark .project-page-card:hover{border:1px solid rgba(var(--secondaryColor0),.3);background-color:rgba(var(--backgroundColor3),.5);box-shadow:0 30px 90px -50px rgba(var(--primaryColor0),.7)}.card-preview{border-radius:var(--roundedXL);margin-bottom:.8em}.card-title{font-size:1.8em;margin:0}.card-desc{margin:0;color:rgba(var(--textColor),.7)}.card-tags-container{display:flex;align-items:center;flex-wrap:wrap;gap:.4em;margin:.8em 0}.project-page-tag{display:inline;font-size:.9em;font-weight:600;padding:.05em .75em;border-width:1px;border-radius:1000px}.icon-link-icon{filter:opacity(.8);display:inline;height:1em;vertical-align:middle;line-height:0}.theme-dark .icon-link-icon{filter:invert(1) opacity(.8)}.icon-link-a{color:rgba(var(--textColor),.6);line-height:1.2;display:inline;margin-left:.4rem;vertical-align:middle;text-decoration:none}@keyframes rotateIn{0%{transform:rotate(320deg) scale(1.2);opacity:0}to{transform:rotate(360deg) scale(1);opacity:1}}.resume-hero-title-muted{font-family:var(--codeFont);color:rgba(var(--textColor),.3);font-weight:400}.resume-main-desc{text-align:center;width:min(900px,80%);color:rgba(var(--textColor),.6);margin:0 auto;margin-top:1.5rem;animation:fadeIn .3s;animation-delay:.6s;animation-fill-mode:backwards}@media screen and (max-width: 500px){.resume-main-desc{width:90%}}@media screen and (max-width: 800px){.resume-page-content{display:flex!important;flex-direction:column-reverse;gap:20px}.resume-preview-right{border-left:none!important;border-bottom:1px solid rgba(var(--secondaryColor0),.3);padding-bottom:40px;padding-left:0!important;text-align:center}.resume-actions-container{align-items:center}}.resume-page-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;animation:fadeIn .3s;animation-delay:.8s;animation-fill-mode:backwards}.resume-preview-right{border-left:1px solid rgba(var(--secondaryColor0),.3);padding-left:40px}.resume-preview-img{width:100%;border:1px solid rgb(var(--secondaryColor0),.5);transition:box-shadow .3s ease;border-radius:var(--roundedSmall)}.theme-dark .resume-preview-img{box-shadow:50px 30px 60px -30px rgba(var(--primaryColor2),.3)}.resume-preview-title{font-size:2.4rem;margin:0}.resume-timestamp{color:rgba(var(--textColor),.6);margin:0 0 1em}.resume-actions-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.muted-icon{display:inline;vertical-align:middle;line-height:1;font-size:1em;height:1em;opacity:.6}.check-icon{display:inline;vertical-align:middle;line-height:1;font-size:1em;height:1em;opacity:1}.experience-main-desc{text-align:center;width:min(900px,80%);color:rgba(var(--textColor),.6);margin:0}@media screen and (max-width: 500px){.experience-main-desc{width:90%}}.experience-subtext{font-style:italic;text-align:center;color:rgba(var(--textColor),.6);margin:0}.experience-card-container{display:flex;flex-direction:column;gap:4rem}@media screen and (max-width: 700px){.experience-card{flex-direction:column}.experience-card-image{width:100%!important;-o-object-fit:contain;object-fit:contain}.experience-card-text{width:100%!important}}.experience-card{width:100%;display:flex;-moz-column-gap:min(2rem,6vw);column-gap:min(2rem,6vw);row-gap:min(1.8em,5vw);padding:min(2em,6vw);border-radius:var(--roundedXL);transition:border .15s,box-shadow .4s,background .3s ease;box-sizing:border-box;border:1px solid rgba(var(--secondaryColor0),.2);cursor:pointer}.theme-dark .experience-card{background-color:rgba(var(--backgroundColor2),.5);box-shadow:0 30px 150px -50px rgba(var(--primaryColor0),.2)}.theme-light .experience-card:hover{border:1px solid rgba(var(--secondaryColor0),.6)}.theme-dark .experience-card:hover{border:1px solid rgba(var(--secondaryColor0),.35);background-color:rgba(var(--backgroundColor2),.5);box-shadow:0 30px 150px -50px rgba(var(--primaryColor0),.4)}.ec-left{width:100%}.experience-card-text{width:100%;display:flex;flex-direction:column}.experience-myexp{color:rgba(var(--textColor),.7);margin-bottom:.5rem!important}.experience-card-image{width:100%;border-radius:var(--roundedLarge);margin-top:1em;-o-object-fit:contain;object-fit:contain}.experience-card-tags-container{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.ec-click{margin:auto 0 0!important;font-size:.9em}@keyframes popupEntry{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-body::-webkit-scrollbar{border-top-right-radius:var(--roundedLarge);border-bottom-right-radius:var(--roundedLarge);overflow:hidden}.popup-body::-webkit-scrollbar-track{border-radius:var(--roundedLarge);background:rgb(var(--backgroundColor4));overflow:hidden}.popup-body::-webkit-scrollbar-thumb{border-radius:var(--roundedLarge);background:rgb(var(--backgroundColor6))}.popup-body::-webkit-scrollbar-thumb:hover{background:rgb(var(--backgroundColor5))}.popup-body::-webkit-scrollbar-corner{background:rgb(var(--backgroundColor4))}.popup-backdrop{position:fixed;z-index:10005;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;animation:fadeIn .2s ease;cursor:default}.theme-light .popup-backdrop{background-color:#0000001a}.theme-dark .popup-backdrop{background-color:#00000080}.popup-container{display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box;min-height:100%;animation:popupEntry .2s ease}.popup-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:min(2.5em,4vmax);max-width:var(--largerElementWidth);max-height:min(80vh,900px);overflow-y:auto;border:1px solid rgba(var(--secondaryColor0),.3);border-radius:var(--roundedLarge);box-sizing:border-box;transition:background .2s ease,-webkit-backdrop-filter .2s ease;transition:background .2s ease,backdrop-filter .2s ease;transition:background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}.theme-light .popup-body{background-color:rgb(var(--backgroundColor3));box-shadow:-1px 2px 20px #0001}.theme-dark .popup-body{background-color:rgba(var(--backgroundColor0),.5);box-shadow:-1px 2px 40px #0002;-webkit-backdrop-filter:blur(5vmax) saturate(.5);backdrop-filter:blur(5vmax) saturate(.5);background-image:radial-gradient(50% 150% at 50% -100%,rgba(var(--primaryColor0),.3) 30%,rgba(var(--primaryColor4),.01))}.popup-close-btn{width:100%;max-width:100%!important}.experience-popup-header{display:flex;justify-content:space-between;gap:1.5em}@media screen and (max-width: 750px){.experience-popup-header{flex-direction:column}.popup-body img{width:100%!important}.popup-body{padding:min(2.5em,6vmin);max-width:var(--w90ElementWidth);max-height:min(90vh,900px)}}@media screen and (max-width: 420px){.popup-backdrop{font-size:min(1rem,5vmin)}.popup-body h1{font-size:2em}.popup-body h3{font-size:1.4em}.popup-body h4{font-size:1.2em}}.popup-body img{width:50%;height:-moz-fit-content;height:fit-content;border-radius:var(--roundedLarge);margin-bottom:1.5em}.popup-body h1,.popup-body h3,.popup-body h4{margin-bottom:.2em;line-height:1.1}.popup-body p{margin-top:0;margin-bottom:1.5em;border-radius:var(--roundedLarge)}