[data-color-scheme=orange]{--scheme-primary-color1: rgba(253, 111, 0, 1);--scheme-primary-color2: rgba(226, 55, 47, 1);--scheme-primary-color1-opaque_75: rgba(253, 111, 0, .75);--scheme-primary-color2-opaque_75: rgba(226, 55, 47, .75);--scheme-primary-color1-opaque_50: rgba(253, 111, 0, .5);--scheme-primary-color2-opaque_50: rgba(226, 55, 47, .5);--background-color-offset-light: rgb(247, 174, 119)}[data-color-scheme=purple]{--scheme-primary-color1: rgba(219, 48, 105, 1);--scheme-primary-color2: rgba(138, 79, 255, 1);--scheme-primary-color1-opaque_75: rgba(219, 48, 105, .75);--scheme-primary-color2-opaque_75: rgba(138, 79, 255, .75);--scheme-primary-color1-opaque_50: rgba(219, 48, 105, .5);--scheme-primary-color2-opaque_50: rgba(138, 79, 255, .5);--background-color-offset-light: rgba(228, 98, 141, 1)}[data-color-scheme=blue]{--scheme-primary-color1: rgba(128, 255, 232, 1);--scheme-primary-color2: rgba(0, 161, 228, 1);--scheme-primary-color1-opaque_75: rgba(128, 255, 232, .75);--scheme-primary-color2-opaque_75: rgba(0, 161, 228, .75);--scheme-primary-color1-opaque_50: rgba(128, 255, 232, .5);--scheme-primary-color2-opaque_50: rgba(0, 161, 228, .5);--background-color-offset-light: rgba(194, 255, 244, 1)}[data-color-scheme=green]{--scheme-primary-color1: rgba(50, 232, 117, 1);--scheme-primary-color2: rgba(246, 174, 45, 1);--scheme-primary-color1-opaque_75: rgba(50, 232, 117, .75);--scheme-primary-color2-opaque_75: rgba(246, 174, 45, .75);--scheme-primary-color1-opaque_50: rgba(50, 232, 117, .5);--scheme-primary-color2-opaque_50: rgba(246, 174, 45, .5);--background-color-offset-light: rgba(145, 243, 181, 1)}[data-color-scheme=redblue]{--scheme-primary-color1: rgba(214, 40, 40, 1);--scheme-primary-color2: rgba(18, 21, 248, 1);--scheme-primary-color1-opaque_75: rgba(214, 40, 40, .75);--scheme-primary-color2-opaque_75: rgba(18, 21, 248, .75);--scheme-primary-color1-opaque_50: rgba(214, 40, 40, .5);--scheme-primary-color2-opaque_50: rgba(18, 21, 248, .5);--background-color-offset-light: rgba(227, 100, 100, 1)}:root{--glass-thick: rgba(244, 249, 255, .25);--glass-dark: rgba(19, 26, 33, .75);--glass-shadow: inset 1px 2px 4px rgba(240, 248, 255, .1);--glass-shadow-inset: inset 1px 2px 4px rgba(250, 250, 250, .65);--glass-shadow-inset-hover: inset 1px 2px 4px rgba(250, 250, 250, 1);--max-content-width: 1366px;--progress-bar-height: 5px;--primary-color1: var(--scheme-primary-color1);--primary-color1-opaque: var(--scheme-primary-color1-opaque_50);--primary-color2: var(--scheme-primary-color2);--primary-color2-opaque: var(--scheme-primary-color2-opaque_50);font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease-in-out,color .5s ease-in-out;cursor:none;--hero-grayscale: grayscale(.75);--background-color: rgba(24, 24, 24, 1);--background-color-light: rgb(53 53 53);--background-color-opaque: rgba(24, 24, 24, .75);--background-color-offset: rgb(43 43 43);--text-color: rgba(255, 255, 255, .87);--text-opaque: rgba(255, 255, 255, .435);--glass: rgba(240, 248, 255, .05);--nav-icon-color: var(--scheme-primary-color1-opaque_75);--nav-icon-color-hover: var(--scheme-primary-color1)}[data-theme=light]{--primary-color1: var(--scheme-primary-color2);--primary-color1-opaque: var(--scheme-primary-color2-opaque_50);--primary-color2: var(--scheme-primary-color1);--primary-color2-opaque: var(--scheme-primary-color1-opaque_50);--nav-icon-color: var(--scheme-primary-color2-opaque_75);--nav-icon-color-hover: var(--scheme-primary-color2);--hero-grayscale: grayscale(0);--background-color: rgb(250, 250, 250);--background-color-light: rgb(230, 230, 230);--background-color-opaque: rgba(250, 250, 250, .87);--background-color-offset: var(--background-color-offset-light);--text-color: rgba(24, 24, 24, 1);--text-opaque: rgba(24, 24, 24, .5);--glass: rgba(44, 48, 53, .05)}*{cursor:none}body *{padding:0;margin:0;box-sizing:border-box}body{position:relative;max-width:100vw}.no-scroll{overflow-y:hidden}body{display:flex;place-items:center;width:100vw;overflow-x:hidden;margin:0}section{max-width:100vw}h1{font-size:clamp(2.5rem,7.5vw,4.5rem);line-height:1;overflow:visible;letter-spacing:.05em;word-spacing:.0125em}h2{font-size:clamp(1.75rem,11.5vw,4rem);letter-spacing:.025em;word-spacing:.025em}h3{font-size:clamp(1.25rem,11.5vw,2.5rem);line-height:1}p{font-size:clamp(.75rem,4.5vw,1.25rem);letter-spacing:.075em;word-spacing:.075em;line-height:1.5;text-wrap:balance;font-weight:600}.button{font-size:1em;padding:2px;transition:box-shadow .25s ease-in-out,background .5s ease-in-out;box-shadow:var(--glass-shadow-inset);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button:hover{transition:box-shadow .25s ease-in-out,background .5s ease-in-out;box-shadow:var(--glass-shadow-inset-hover)}.icon-button{font-size:var(--nav-icon-size);color:var(--nav-icon-color);display:flex;transition:color .5s ease-in-out}.icon-button:hover{color:var(--nav-icon-color-hover);transition:color .25s ease-in-out}.loader{position:relative;width:260px;height:28px;border-radius:14px;overflow:hidden;background:var(--background-color)}.loader-percent{position:absolute;left:20px;top:0;color:var(--text-color);transition:color .5s ease-in-out}.progressBar{width:100vw;height:var(--progress-bar-height);position:fixed;top:0;left:0;background:var(--glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:999}.progressBar-progress{width:0;height:100%;background:linear-gradient(90deg,var(--primary-color1),var(--primary-color2))}:root{--project-width: 300px;--project-height: 340px;--project-content-height: 200px;--project-border-radius: 30px}.project{width:var(--project-width);height:var(--project-height);list-style:none;position:absolute;left:50%;top:125%}.project-title-wrapper{position:relative;background:var(--glass);border:.5px solid var(--primary-color1);border-radius:var(--project-border-radius);z-index:-1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:border .5s ease-in-out,background .5s ease-in-out}.project-title{font-size:1.5rem;padding:12px;border-bottom:.5px solid var(--primary-color1);transition:border .5s ease-in-out}.project-content{width:var(--project-width);height:var(--project-content-height);background:linear-gradient(55deg,var(--primary-color2),var(--primary-color1));position:absolute;bottom:0;left:0;padding:0 40px;z-index:1;clip-path:path("M30,0 L270,0 C300,0 300,30 300,30 L300,70 C300,100 270,100 270,100 L250,100 C200,100 200,150 200,150 L200,170 C200,200 170,200 170,200 L30,200 C0,200 0,170 0,170 L0,30 C0,0 30,0 30,0");display:flex;flex-direction:column;gap:8px;z-index:4}.project-mirror1{position:absolute;top:calc(var(--project-height) - var(--project-content-height));left:5%;height:calc(var(--project-border-radius) * 2);width:90%;border-radius:var(--project-border-radius);background-color:#a9a9a9;z-index:3}.project-mirror2{position:absolute;top:calc(var(--project-height) - var(--project-content-height));left:10%;height:calc(var(--project-border-radius) * 2);width:80%;border-radius:var(--project-border-radius);background-color:#a9a9a9;z-index:2;opacity:.35}.project-image:nth-child(2n){align-self:flex-end}.project-image:nth-child(odd){align-self:flex-start}.project-image:nth-child(1){margin-left:8px}.project-image:nth-child(2){width:80%;margin-right:-8px}.project-image:nth-child(3){margin-left:-16px}.project-image{transform:translateY(-16px);width:70%;max-height:40%;border-radius:8px;z-index:2;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;aspect-ratio:1/.51}.project-button{background-clip:border-box;position:absolute;bottom:10px;right:10px;width:80px;height:80px;border-radius:40px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass);box-shadow:inset 1px 2px 4px var(--nav-icon-color)}.project-button:hover{box-shadow:inset 1px 2px 4px var(--nav-icon-color-hover)}.project-button .button-arrow-icon{rotate:-45deg;font-size:3rem;transition:rotate .25s ease-in-out,color .5s ease-in-out}.project-button:hover .button-arrow-icon{rotate:0deg;transition:rotate .25s ease-in-out,color .5s ease-in-out}.tech-item{font-weight:900;padding:1px;font-size:clamp(.875rem,2vw,1.25rem);border-radius:12px;margin:0 .5em;list-style:none;transition:border .25s ease-in-out,margin .25s ease-in-out;position:relative;flex-grow:.25}.tech-content{display:flex;align-items:center;justify-content:center;gap:6px;padding:.6em 1.2em;background:var(--background-color-opaque);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;width:100%;height:100%;transition:background .5s ease-in-out;letter-spacing:.1em}.tech-icon{width:0;transition:width .25s ease-in-out;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.tech-item:hover{transition:border .25s ease-in-out,margin .25s ease-in-out;margin:0}.tech-item:after{content:"";left:50%;top:50%;transform:translate(-50%) translateY(-50%);position:absolute;z-index:-1;width:100%;height:100%;padding:.5px;border-radius:12.5px;background:var(--primary-color1-opaque);animation:3s rotate linear infinite;animation-play-state:paused}.tech-item:hover:after{background:conic-gradient(from var(--angle),var(--primary-color2),transparent 35%,transparent 65%,var(--primary-color2));animation-play-state:running}.tech-item:hover .tech-icon{width:1em;transition:width .25s ease-in-out}@media (width > 378px){.tech-item{flex-grow:.1}}@media (width > 560px){.tech-item{flex-grow:0}}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.timeline-feature{--circle-width: clamp(15px, 5vw, 24px);--feature-spacing: clamp(20px, 5vw, 40px);--feature-padding: clamp(12px, 5vw, 40px);--feature-font-size: clamp(1rem, 2.5vw, 1.5rem);position:absolute;left:0;top:50%;list-style:none;max-width:100%;background:var(--glass);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:calc(var(--feature-padding) * 1.5) var(--feature-padding);border-radius:clamp(12px,5vw,28px);border:1px solid var(--background-color-light);transition:border .5s ease-in-out,background .5s ease-in-out;margin:0 var(--feature-spacing)}.timeline-circle-svg{width:var(--circle-width);position:absolute;left:calc((var(--feature-spacing) + (var(--circle-width) * .425)) * -1);top:calc(var(--circle-width) + var(--feature-padding) + (var(--feature-font-size) * 1.75))}.timeline-circle{stroke:var(--primary-color2);fill:var(--background-color);transition:fill .5s ease-in-out,stroke .5s ease-in-out}.timeline-feature-content{font-size:var(--feature-font-size);display:flex;flex-direction:column;justify-content:center}.timeline-date{font-size:1.125em;font-weight:800;line-height:1;color:var(--text-opaque);transition:color .5s ease-in-out;text-wrap:nowrap}.timeline-title{font-size:1.75em;line-height:1.2;padding-top:.2em;padding-bottom:.6em;color:var(--primary-color1);transition:color .5s ease-in-out}.timeline-text{font-size:.875em;text-wrap:auto}.heroCircle-circle-svg{width:120px}.heroCircle-circle-svg{fill:var(--background-color);transition:fill .5s ease-in-out}.heroCircle-heroImg{bottom:0;filter:var(--hero-grayscale);transition:filter .5s ease-in-out;aspect-ratio:1/1.353;-o-object-fit:contain;object-fit:contain}@media (width > 378px){.heroCircle-circle-svg{width:clamp(340px,40vw,500px)}}.expertise{--expertise-card-radius: 24px;position:relative;z-index:10;font-size:clamp(1rem,3.75vw,1.5rem);max-width:clamp(300px,62.5vw,420px);width:100%;border-radius:1em;padding:.1em;overflow:hidden}.expertise-card-content{display:flex;flex-direction:column;box-shadow:0 .1em .1em 0 var(--primary-color1);transition:background .5s ease-in-out,box-shadow .5s ease-in-out;border-radius:1em;padding:clamp(20px,3.75vw,40px);background:var(--background-color-light);height:100%}.expertise>.animated-border{z-index:-1}.expertise-card-content>h3{font-size:1.675em;font-weight:800}.expertise-card-content>p{font-size:.875em;font-weight:600;text-wrap:auto}.expertise-divider{width:100%;height:1px;background:var(--primary-color1);margin-top:1em;margin-bottom:1.25em}.cta-button{width:-moz-max-content;width:max-content;max-width:100%;padding:.6em 1.2em;background:linear-gradient(90deg,var(--primary-color1),var(--primary-color2));display:flex;justify-content:space-between;align-items:center;margin:auto;gap:clamp(12px,10vw,1em);border-radius:1em;font-weight:700;transition:scale .25s ease-in-out,box-shadow .25s ease-in-out;border:none;text-wrap:nowrap;color:#fff;z-index:1;font-size:1em}.cta-arrow{font-size:1.125em;transform:translateY(.075em)}.cta-button-wrapper{position:relative;overflow:visible;font-size:clamp(1.75rem,8.5vw,5rem)}.cta-button-wrapper:after,.cta-button-wrapper:before{content:"";position:absolute;width:100%;height:100%;background:conic-gradient(from var(--angle),var(--primary-color1),var(--primary-color2),var(--primary-color1));left:50%;top:50%;transform:translateY(-50%) translate(-50%);z-index:-1;border-radius:1.01em;transition:padding .25s ease-in-out;animation:2s linear infinite rotategradient;animation-play-state:paused}.cta-button-wrapper:before{filter:blur(0px);transition:filter .25s ease-in-out;opacity:.5}.cta-button:hover{box-shadow:inset 0 0 .1em .1em var(--primary-color2-opaque),inset 0 0 .1em .1em var(--primary-color1-opaque)}.cta-button-wrapper:hover:before,.cta-button-wrapper:hover:after{padding:.1em;animation-play-state:running}.cta-button-wrapper:hover:before{transition:filter .35s ease-in-out,padding .25s ease-in-out;filter:blur(.25em)}.hobbyCard{--hobbyCard-width: clamp(280px, 70vw, 392px);position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--primary-color1);width:var(--hobbyCard-width);height:calc(var(--hobbyCard-width) * .585);transition:border .5s ease-in-out,color .5s ease-in-out}.hobbyCard-cover{position:absolute;display:flex;border:1px solid var(--primary-color1);justify-content:center;align-items:center;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:2;background:var(--glass);transition:transform .5s ease-in-out,border .5s ease-in-out;border-radius:32px;transform:translateY(0) translateZ(0);will-change:transform}.hobbyCard-title{font-weight:700;color:var(--primary-color1);transition:color .5s ease-in-out}.hobbyCard:hover .hobbyCard-cover{transform:translateY(-100%);transition:transform .5s ease-in-out}.hobbyCard:hover .hobbyCard-gif{filter:none;transition:filter .5s ease-in-out}.hobbyCard-gif{filter:blur(15px);width:100%;min-height:100%;min-width:100%;transition:filter .5s ease-in-out;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/.585}.testimonial{--testimonial-icon-size: 40px;width:clamp(300px,90vw,700px);background:var(--background-color-light);position:relative;padding:20px;border-radius:20px;transition:background .5s ease-in-out;font-size:clamp(1rem,2vw,1.25rem)}.testimonial-quotes{--quote-size: clamp(4.5rem, 12.5vw, 8rem);position:absolute;font-size:var(--quote-size);top:min(calc(8rem - var(--quote-size)),10px);right:.1em;color:var(--text-opaque);opacity:.25;transition:color .5s ease-in-out,font-size .25s ease-in-out}.testimonial-profile{display:flex;align-items:center;gap:8px}.testimonial-icon{width:var(--testimonial-icon-size);height:var(--testimonial-icon-size);display:flex;justify-content:center;border-radius:calc(var(--testimonial-icon-size) * .5);background:var(--background-color);overflow:hidden;border:.5px solid var(--primary-color1);transition:border-color .5s ease-in-out,background .5s ease-in-out,border-radius .25s ease-in-out}.testimonial-image{aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.testimonial-credentials{line-height:1.1}.testimonial-name{font-size:1.25em;font-weight:900}.testimonial-function{font-size:.875em;font-weight:400}.testimonial-rating{display:flex;font-size:1.125em;font-weight:800;margin-top:.25em;margin-bottom:1em}.testimonial-stars{display:flex;gap:4px;padding:4px}.testimonial-rating-star{fill:var(--primary-color1);transition:fill .5s ease-in-out}.testimonial-review{font-size:.875em}.toTopButton{--toTopButton-spacing: clamp(12px, 5vw, 50px);position:fixed;right:var(--toTopButton-spacing);bottom:var(--toTopButton-spacing);background:var(--glass);padding:4px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:4px;box-shadow:0 0 1px var(--primary-color1);z-index:100;transition:box-shadow .25s ease-in-out,background .5s ease-in-out,scale .25s ease-in-out;font-size:2rem}.toTopButton:hover{box-shadow:0 0 3px var(--primary-color1);transition:box-shadow .25s ease-in-out}.toTopButton:active{scale:.95;transition:scale .25s ease-in-out}.toTopButton-arrow{transition:color .25s ease-in-out}.statCount{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:clamp(1.75rem,9vw,3.75rem)}.statCount-count{font-weight:900;line-height:1;font-size:1em}.statCount-operator{font-size:1.125em;line-height:.5;font-weight:600}.statCount-param{font-size:.25em;color:var(--primary-color1);text-wrap:nowrap;transition:color .5s ease-in-out}.submit-button-wrapper{display:flex;justify-content:center;width:18.5em}.submit-button{position:relative;font-weight:700;background:var(--primary-color1);border:none;color:#fff;transition:background .5s ease-in-out,color .5s ease-in-out}.submit-button-overflow-wrapper{overflow:hidden;position:relative;display:flex;padding:.2em 1em;align-items:center;width:100%;height:100%;transition:padding-right .25s ease-in-out}.submit-button-paperPlane{font-size:0;transition:font-size .25s ease-in-out;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.submit-button:disabled{color:var(--text-opaque)}.submit-button:hover .submit-button-overflow-wrapper{transition:padding-right .25s ease-in-out;padding-right:2.5em}.submit-button:hover .submit-button-paperPlane{font-size:1em;transition:font-size .25s ease-in-out}.submit-button:after,.submit-button:before{content:"";position:absolute;width:100%;height:100%;background:conic-gradient(from var(--angle),var(--primary-color1),var(--primary-color2),var(--primary-color1));left:50%;top:50%;transform:translateY(-50%) translate(-50%);z-index:-1;border-radius:calc(10px + .15em);transition:padding .25s ease-in-out;animation:2s linear infinite rotategradient;animation-play-state:paused}.submit-button:before{filter:blur(0px);transition:filter .25s ease-in-out;opacity:.5}.submit-button:hover:before,.submit-button:hover:after{padding:.15em;animation-play-state:running}.submit-button:hover:before{transition:filter .35s ease-in-out,padding .25s ease-in-out;filter:blur(.25em)}.submit-button-paperPlane.active{animation:.5s linear paperPlane}@keyframes rotategradient{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes paperPlane{0%{transform:translate(0) translateY(-50%)}49%{transform:translate(250%) translateY(-250%)}50%{transform:translate(250%) translateY(250%)}51%{transform:translate(-250%) translateY(250%)}to{transform:translate(0) translateY(-50%)}}.colorScheme-circle{width:24px;height:24px;transition:scale .25s ease-in-out}.dropdown-list{--dropdown-list-gap: 6px;position:absolute;display:grid;grid-template-columns:0;grid-template-rows:1fr;gap:var(--dropdown-list-gap);bottom:calc(-1 * var(--dropdown-list-gap));transform:translateY(100%);line-height:0;list-style:none;overflow:hidden}.dropdown-list.active{overflow:visible;grid-template-columns:1fr}.dropdown-option{transition:scale .25s ease-in-out}.dropdown-option:hover .colorScheme-circle{scale:1.1;transition:scale .25 ease-in-out}.dropdown-option:active{scale:.95;transition:scale .25s ease-in-out}.popUp{font-size:clamp(1rem,5vw,1.5rem);width:clamp(280px,90vw,420px);position:fixed;bottom:1em;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1em;background:var(--glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:1em;border-radius:1em;border:1px solid var(--primary-color1);z-index:9999;transition:border .5s ease-in-out,background .5s ease-in-out}.popUp-header{font-size:1.25em;color:var(--primary-color1);transition:color .5s ease-in-out}.popUp-text{font-size:.75em;font-weight:400;margin-bottom:.5em}.popUp-button{position:relative;font-size:1em;border-radius:.25em;padding:.2em .6em;background:var(--primary-color1);font-weight:700;letter-spacing:.05em;transition:background .5s ease-in-out,border .5s ease-in-out;border:none}.popUp-button:before{position:absolute;content:"";width:100%;height:100%;padding:0;left:50%;top:50%;transform:translate(-50%) translateY(-50%);background:var(--primary-color2);z-index:-1;border-radius:inherit;transition:padding .25s ease-in-out,border-radius .25s ease-in-out,background .5s ease-in-out}.popUp-button:hover:before{padding:.1em;border-radius:.325em;transition:padding .25s ease-in-out,border-radius .25s ease-in-out,background .5s ease-in-out}#frontpage{max-width:100vw;overflow:hidden;padding:0 20px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh}.frontpage-content{display:flex;gap:20px;transition:max-width .5s ease-in-out;max-width:min(100vw,1024px)}.frontpage-contentWrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.frontpage-header{line-height:1.2;transition:font-size .5s ease-in-out;text-wrap:nowrap;font-size:clamp(1.5rem,7.5vw 5rem);padding:0 .125em;position:relative}.frontpage-header-underline{position:absolute;width:0;height:1.5px;bottom:-.1em;border-radius:.75px;left:0;background:var(--text-opaque);transition:background .5s ease-in-out}.frontpage-name{will-change:transform;display:inline-block;text-wrap:nowrap;font-size:1.25em;transition:font-size .5s ease-in-out;color:var(--primary-color1);transition:color .5s ease-in-out}.frontpage-name-mobile{display:block}.frontpage-bio{padding:40px clamp(4px,3.5vw,40px);font-size:clamp(1rem,2.25vw,1.25rem);line-height:1.8;word-spacing:.15em}.frontpage-name-desktop{display:none}.frontpage-heroWrapper{position:absolute;min-height:100dvh;top:0;left:0;width:100%;opacity:.5;z-index:-1}.frontpage-heroWrapper>.heroCircle-circle-svg{top:80px;right:20px;position:absolute}@media (width > 378px){.frontpage-contentWrapper{width:85%}.frontpage-heroWrapper{opacity:.3;top:unset;bottom:0}.frontpage-heroWrapper>.heroCircle-circle-svg{top:unset;bottom:50%;transform:translateY(70%)}}@media (width > 560px){.frontpage-contentWrapper{width:60%}.frontpage-heroWrapper{position:relative;opacity:1;min-width:unset;width:30%}.frontpage-heroWrapper>.heroCircle-circle-svg{left:0;transform:translate(-10%) translateY(70%)}}@media (width > 768px){.frontpage-content{gap:40px}.frontpage-bio{max-width:100%;text-align:center}.frontpage-contentWrapper{width:100%;padding-top:8px;align-items:center}.frontpage-heroWrapper{width:100%;min-height:auto}.frontpage-header{text-align:center}.frontpage-header-underline{background:var(--primary-color1)}.frontpage-name-desktop{--name-desktop-size: clamp(3.75rem, 7vw, 6rem);position:absolute;display:unset;letter-spacing:.15em;top:calc(-1000px - var(--name-desktop-size) * .675);left:-.675em;font-size:var(--name-desktop-size);line-height:calc(2000px + var(--name-desktop-size));padding-top:40px}.frontpage-name-mobile{display:none!important}.frontpage-heroWrapper>.heroCircle-circle-svg{left:0;transform:translateY(60%)}}@media (width > 1024px){.frontpage-content{gap:60px}.frontpage-contentWrapper{padding-bottom:80px}}.loadingPage{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;min-height:100dvh;min-width:100vw;z-index:9999;background-color:var(--background-color);overflow:hidden;transition:background .5s ease-in-out}#navbar{--nav-icon-size: clamp(2.25rem, 10vw, 3rem);position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--glass);padding:calc(var(--nav-icon-size) * .15) calc(var(--nav-icon-size) * .45);border-radius:var(--nav-icon-size);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow);display:flex;align-items:center;border:solid .5px rgba(240,248,255,.15);gap:calc(var(--nav-icon-size) * .2);z-index:9998;transition:background .5s ease-in-out}.divider{box-shadow:inset .5px .5px 1.5px #fafafaa6;width:calc(var(--nav-icon-size) * .125);height:var(--nav-icon-size);border-radius:2px;margin:0 4px}#navbar a{transition:scale .25s ease-in-out}#navbar a:hover{scale:1.1;transition:scale .25s ease-in-out}.nav-icon{transition:filter .25s ease-in-out,scale .25s ease-in-out}#navbar a:active .nav-icon{scale:.95;transition:scale .25s ease-in-out}#navbar a:hover .nav-icon{filter:drop-shadow(2px 1px 2px var(--primary-color1-opaque));transition:filter .25s ease-in-out}.theme-button{font-size:calc(var(--nav-icon-size) * .75)!important}.scheme-button-wrapper{position:relative}.scheme-selected{width:32px;height:32px;border-radius:16px}.projects-page-wrapper{position:relative;height:100dvh;z-index:1}.projects-page{--button-width: 12px;display:flex;flex-direction:column;align-items:center;position:relative;gap:60px;padding:80px 0;min-height:100dvh;overflow-x:hidden}.projects-list{display:flex;height:calc(var(--project-height) * 1.25);width:calc(var(--project-width) * 3.8);overflow:hidden;padding-bottom:40px}.projects-contentWrapper{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}.projects-contentWrapper>.ellipse-svg{position:absolute;bottom:0;transform:translateY(50%);opacity:.5}.projects-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.project-bg-img{position:absolute}.projects-progressBar{display:flex;list-style:none;gap:6px;z-index:10}.projects-progress{width:var(--button-width);height:var(--button-width);background:var(--primary-color2);border-radius:calc(var(--button-width) / 2);transition:width .25s ease-in-out,background .5s ease-in-out}.projects-progress.active{width:calc(var(--button-width) * 4);transition:width .25s ease-in-out,background .5s ease-in-out;background:var(--primary-color1)}.projects-content>svg{display:none}@media (width > 768px){.projects-content>svg{display:block;position:absolute;bottom:0;width:200%;max-width:1560px;transform:translateY(50%);opacity:.75}}.tech-page-wrapper{height:100dvh;position:relative;margin-top:-80dvh}.tech{display:flex;align-items:center;overflow:hidden;background:linear-gradient(var(--background-color-offset),transparent);border-top-left-radius:clamp(40px,15vw,200px);border-top-right-radius:clamp(40px,15vw,200px);height:100%}.tech-contentWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:24rem;width:100%}.tech-header{width:100vw;position:absolute;top:50%;left:50%;font-size:clamp(6rem,35vw,18rem);line-height:1}.tech-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 0;max-width:900px}.timeline-page-wrapper{height:100dvh;position:relative}.timeline-page{position:relative;display:flex;flex-direction:column;align-items:center;height:100dvh;padding:80px 20px;gap:40px}.timeline-header{text-align:center}.timeline-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;min-width:300px;max-width:clamp(320px,70vw,768px);position:relative;margin:auto 20px}.timeline-list{width:100%;height:100%}.timeline-line{position:absolute;left:0;top:-5%;height:110%;width:5px;stroke:var(--primary-color2);transition:stroke .5s ease-in-out}.bio-page-wrapper{position:relative;height:100dvh}.bio-page{display:flex;justify-content:center;align-items:center;min-height:100dvh}.bio-content{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100dvh;max-height:760px;padding:60px 0 20px;gap:20px}.bio-header{line-height:1.2;width:100%;padding:0 20px;font-size:clamp(2rem,10vw,4rem)}.bio-header-underline{margin-top:20px;height:.5px;background:linear-gradient(90deg,var(--primary-color1),var(--primary-color2))}.bio-textWrapper{position:relative;max-width:420px}.bio-text__original{opacity:0;text-wrap:auto;width:100%;padding:0 20px}.bio-text__scramble{padding:0 20px;word-wrap:break-word;position:absolute;text-wrap:auto;inset:0;color:var(--primary-color1-opaque);font-weight:700;transition:color .5s ease-in-out}.bio-text__revealed{font-weight:500;color:var(--text-color);transition:color .5s ease-in-out}.bio-link{color:var(--primary-color1);text-decoration:none;font-size:1.5em;position:relative;margin:auto;transition:color .5s ease-in-out,font-size .25s ease-in-out}.bio-link:after{content:"";position:absolute;bottom:.025em;left:50%;width:0%;height:1px;background:var(--primary-color1);transition:background .5s ease-in-out,width .25s ease-in-out,left .25s ease-in-out}.bio-link:active{font-size:1.45em;transition:font-size .25s ease-in-out}.bio-link:hover:after{left:1%;width:98%;transition:width .25s ease-in-out,left .25s ease-in-out}.bio-stats{width:100%;padding:0 8px;display:flex;justify-content:space-evenly;gap:12px;flex-wrap:wrap}@media (width > 378px){.bio-text__original,.bio-text__scramble{padding:0 40px}}@media (width > 560px){.bio-textWrapper{max-width:540px}}@media (width > 768px){.bio-page{gap:28px}.bio-stats{gap:40px}}@media (width > 1024px){.bio-content{gap:40px}.bio-header{width:auto}.bio-header-br{display:none!important}.bio-textWrapper{max-width:600px;text-align:center}.bio-stats{margin-top:40px}}.boxGrid-container{position:absolute;left:0;top:50%;transform:translate(-50%) translateY(-50%);z-index:-1000}#boxGrid-mask{transition:fill .5s ease-in-out}.expertise-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;padding:120px 20px}.expertise-contentWrapper{width:-moz-max-content;width:max-content;max-width:100%}.expertise-content{display:flex;flex-direction:column;justify-content:center;gap:80px;padding:40px 0}@media (width > 1200px){.expertise-content{flex-direction:row;gap:20px}}@media (width > 1366px){.expertise-page{gap:80px}.expertise-content{padding:60px 0;gap:40px}}.hobby-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;padding:100px 20px}.hobby-header{text-align:center}.hobby-content{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;flex:0;max-width:1200px;margin:auto}@media (width > 560px){.hobby-content{padding:40px 0}}@media (width > 1366px){.hobby-content{max-width:1300px}}.contact-page{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:80px;overflow:hidden;padding:0 20px 100px;min-height:100dvh;max-width:100vw}.contact-header{line-height:1}.contact-header-colored{color:var(--primary-color1);transition:color .5s ease-in-out}.contact-form{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px 20px}.contact-inputWrapper{position:relative;width:100%}.contact-input,.submit-button{font-size:1.25rem;border-radius:10px;height:48px}.contact-submit-message{position:absolute;font-size:.75rem;left:4px;bottom:-1.25rem}.contact-input{padding:4px 12px;width:100%;border:.5px solid var(--text-opaque);background:var(--background-color-light);transition:border-color .5s ease-in-out,caret-color .5s ease-in-out,background ease-in-out;caret-color:var(--primary-color1)}.contact-input:focus{outline:1.5px solid var(--primary-color1);outline-offset:2px}.contact-input::-moz-placeholder{font-size:1.25rem;color:var(--text-opaque)}.contact-input::placeholder{font-size:1.25rem;color:var(--text-opaque)}.contact-inputWrapper>svg{position:absolute;top:50%;left:0;transform:translate(-50%,-40%) rotate(-10deg);transform-origin:50% 50%;width:clamp(500px,125vw,768px);z-index:-1}@media (width > 560px){.contact-form{flex-direction:row;width:clamp(520px,80vw,620px)}}@media (width > 768px){.contact-br-mobile{display:none}.contact-form{flex-direction:row;margin:100px 20px}}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.testimonial-page{--testimonial-spacing: 80px;display:flex;flex-direction:column;justify-content:center;gap:80px;overflow:hidden;padding:100px 0}.testimonial-list{display:flex;gap:var(--testimonial-spacing);padding:0 calc(var(--testimonial-spacing) / 2);width:-moz-max-content;width:max-content;list-style:none}.testimonial-header{text-align:center;line-height:1.2}.testimonial-header>span{color:var(--primary-color1);transition:color .5s ease-in-out}@media (width > 378px){.testimonial-page{--testimonial-spacing: 100px}}@media (width > 560px){.testimonial-page{gap:100px;padding:120px 0}}@media (width > 1024px){.testimonial-page{--testimonial-spacing: 140px}}footer{--footer-name-size: clamp(1rem, 16.5vw, 18rem);width:100%;position:absolute;bottom:0;left:0;justify-self:flex-end}.footer-content{max-width:1200px;padding:20px 12px max(80px,calc(var(--footer-name-size) * .8)) 12px;display:flex;justify-content:space-evenly;align-items:center;margin:auto;color:var(--text-opaque);gap:20px}.footer-linksWrapper{display:flex;flex-direction:column}.footer-info p{font-size:clamp(.625rem,1.5vw,.875rem);transition:color .5s ease-in-out}.footer-authorLink{text-wrap:nowrap;color:var(--primary-color1-opaque);transition:color .5s ease-in-out;text-decoration:none;font-size:1.05em;font-weight:700}.footer-authorLink:hover{transition:color .25s ease-in-out;color:var(--primary-color1)}.footer-link{font-size:clamp(1rem,2vw,1.5rem);gap:.25em;text-decoration:none;display:flex;align-items:center;transition:color .5s ease-in-out;color:var(--text-opaque)}.footer-linkArrow{rotate:-45deg;transition:rotate .25s ease-in-out,color .5s ease-in-out;color:var(--primary-color1)}.footer-link:hover{color:var(--primary-color1);transition:color .25s ease-in-out}.footer-link:hover .footer-linkArrow{transition:rotate .25s ease-in-out;rotate:0deg}.footer-name{font-size:var(--footer-name-size);position:absolute;left:50%;bottom:0;text-wrap:nowrap;color:transparent;background:linear-gradient(90deg,var(--primary-color1),var(--primary-color2));-webkit-background-clip:text;background-clip:text;z-index:-1;line-height:.8}.wave-background{min-height:100%;min-width:100%;position:relative}.wave-background-sticky{position:sticky;top:0;left:0;overflow:hidden;max-width:100vw;mask-image:linear-gradient(to bottom,#000 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 65%,rgba(0,0,0,0) 100%)}.wave-background-svg{min-width:100vw;min-height:100vh}.cursor{--cursor-size: 50px;position:fixed;width:var(--cursor-size);height:var(--cursor-size);z-index:9999;pointer-events:none;transform-origin:"50% 50%";transform-box:fill-box}.cursor-line,.cursor-dot{stroke:var(--background-color);stroke-width:calc(var(--cursor-size) * .025);fill:var(--primary-color1);transition:fill .25s ease-in-out}.cursor.active .cursor-line,.cursor.active .cursor-dot{fill:var(--primary-color2);transition:fill .25s ease-in-out}