@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.notFoundContainer{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2);margin:0 auto;min-height:75vh;position:relative;max-width:95%}@media(min-width:768px){.notFoundContainer{flex-direction:row;justify-content:flex-start;align-items:flex-start}}@media(min-width:1024px){.notFoundContainer{max-width:1400px}}.notFoundContainer__animation{z-index:-1;background:radial-gradient(ellipse at center,oklch(.8 .16 290.85) 0%,var(--page-background-color) 40%);border-radius:var(--radius-xl);overflow:hidden;height:100%;width:100%;max-width:500px}@media(min-width:768px){.notFoundContainer__animation{max-width:600px;position:absolute;top:0;right:0}}.notFoundContainer__letterGlitch{position:absolute;top:0;left:0;width:100%;height:100%}.notFoundContainer__content{border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-4);position:relative}@media(min-width:768px){.notFoundContainer__content{align-items:flex-start}}.notFoundContainer__content .notFoundContainer__glassCard{background-color:#ecd3fe33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid oklch(.95 .0636 311.08)}.notFoundContainer__content .notFoundContainer__contentInner{padding:var(--spacing-4);width:100%;height:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-2)}.notFoundContainer__content .notFoundContainer__contentInner .notFoundContainer__errorCode{font-size:var(--font-size-2);font-weight:600}.notFoundContainer__content .notFoundContainer__contentInner .notFoundContainer__title{font-size:var(--font-size-4);font-weight:900}.notFoundContainer__content .notFoundContainer__contentInner .notFoundContainer__subtitle{font-size:var(--font-size-2);font-weight:600}.notFoundContainer__content .notFoundContainer__contentInner .notFoundContainer__button{background-color:var(--color-primary);color:#eee;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);text-decoration:none;font-size:var(--font-size-2);font-weight:600;transition:all .3s ease}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-2);text-align:center;padding:var(--spacing-2);font-weight:700;min-height:100px}.header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;width:100%;z-index:10;padding:var(--spacing-2)}@media (min-width: var(--breakpoint-mobile)){.header{padding:var(--spacing-2) var(--spacing-5)}}.header__logo{aspect-ratio:1/1;height:auto;max-width:80px}.header__nav{display:flex;gap:var(--spacing-2)}.header__nav .header__nav__item{display:flex;align-items:center;gap:var(--spacing-1);text-decoration:none;color:var(--text-color);font-size:var(--font-size-1);font-weight:600;transition:all .3s ease-in-out}.header__nav .header__nav__item:hover{color:var(--color-primary)}.socialLinks{max-width:36px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:60%;left:0;background:var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-top:1px solid white;border-right:1px solid white;border-bottom:1px solid white;z-index:10;font-size:var(--font-size-1)}.socialLinks__title{font-weight:600;color:#fff;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center}.socialLinks__item{color:#fff;border-radius:var(--radius-full);padding:4px;aspect-ratio:1/1;font-size:var(--font-size-2)}.socialLinks__item:hover{color:color-mix(in oklch,var(--color-primary) 50%,oklch(.1 0 0));background-color:oklch(1 0 none / .75)}.navbar{z-index:10;max-width:36px;width:100%;position:fixed;top:35%;right:0;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2) 0;background:var(--color-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid white}.navbar .navbar__item{display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);text-decoration:none;color:#fff;font-size:var(--font-size-1);font-weight:600;writing-mode:vertical-rl;transition:all .3s ease-in-out;margin:0 4px;padding:var(--spacing-1) 0;border-radius:var(--radius-md)}.navbar .navbar__item:hover{color:color-mix(in oklch,var(--color-primary) 50%,oklch(.1 0 0));background-color:oklch(1 0 none / .75)}.dot-grid{display:flex;align-items:center;justify-content:center;height:200vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}:root{--page-background-color: oklch(.98 0 0);--color-primary: oklch(.5397 .1564 290.85);--color-secondary: oklch(.7509 .1492 230.19);--color-tertiary: oklch(.6085 .208 263.45);--text-color: oklch(.3211 0 0);--text-opposite-color: oklch(.95 0 0);--item-background-color: oklch(.98 0 0);--icon-color: oklch(.5397 .1564 290.85)}:root{--font-family: "Nunito", sans-serif;--font-family-heading: "Inter", sans-serif;--font-size-1: clamp(.8rem, .8rem + .2vw, 1rem);--font-size-2: clamp(1rem, 1rem + .5vw, 1.5rem);--font-size-3: clamp(1.5rem, 1.5rem + 1.5vw, 3rem);--font-size-4: clamp(2rem, 2rem + 2.5vw, 4rem);--font-size-5: clamp(2.5rem, 2.5rem + 4vw, 6rem);--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--radius: .625rem;--radius-sm: calc(var(--radius) - 8px);--radius-md: calc(var(--radius) - 4px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 16px);--radius-full: 9999px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px}*,*:before,*:after{box-sizing:border-box;transition:all .3s ease-in-out}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:var(--font-family)}:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100svh}h1,h2,h3,h4,h5,h6,button,input,label,select,textarea{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}ul[role=list],ol[role=list]{list-style:none;padding-inline-start:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}:target{scroll-margin-block:5ex}#root,#__next{isolation:isolate}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{background-color:var(--page-background-color);color:var(--text-color)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}.sectionTitle{color:var(--text-color);font-size:var(--font-size-4);font-family:var(--font-family-heading);font-weight:600;text-align:center;margin-bottom:var(--spacing-2);max-width:fit-content;position:relative}.sectionTitle:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;background-color:var(--color-primary)}.divider{position:relative;padding:var(--spacing-1) 0}.divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:.5px;background-color:var(--color-primary)}.glassmorphism{background-color:color-mix(in oklch,var(--color-primary) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px color-mix(in oklch,var(--color-primary) 10%,transparent);border:3px solid color-mix(in oklch,var(--color-primary) 10%,transparent)}.highlight{padding:.15rem .5rem;border-radius:var(--radius-md);color:var(--color-primary);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.mainContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-2);margin:0 auto}section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;width:100%;padding-top:100px;padding-bottom:100px}section .container{max-width:90%;width:100%;margin:0 auto;height:auto}.introductionSection,.bioSection,.resumeSection,.projectsSection{max-width:90%}@media(min-width:768px){.introductionSection,.bioSection,.resumeSection,.projectsSection{max-width:1400px}}.introductionSection{min-height:100svh}.introductionSection .introductionSection__content{height:100%;max-height:90vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--spacing-2)}.introductionSection .introductionSection__title{font-size:var(--font-size-3);font-weight:600;text-align:center;line-height:1.6}.introductionSection .introductionSection__title .highlight{color:var(--color-primary)}.introductionSection .introductionSection__logo{aspect-ratio:1/1;width:100%;height:auto;max-width:250px;border-radius:var(--radius-xl);border:5px solid var(--color-primary);position:relative}.introductionSection .introductionSection__logo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0000001a}.bioSection .bioSection__content{display:flex;flex-direction:column;margin:var(--spacing-4) auto}.bioSection .bioSection__paragraph{margin-bottom:var(--spacing-2);line-height:1.75;font-size:var(--font-size-1)}.bioSection .bioSection__paragraph:first-letter{font-weight:600;font-size:var(--font-size-2);color:var(--color-primary)}.bioSection .bioSection__paragraph .highlight{padding:.15rem .5rem;border-radius:var(--radius-md);color:var(--color-primary);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.skillsSection{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;max-height:100vh;padding-left:var(--spacing-2);padding-right:var(--spacing-2);position:relative;overflow:hidden}.skillsSection .container{display:flex;flex-direction:column;height:100%;gap:var(--spacing-3)}.skillsSection .skillsSection__content{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:left;z-index:1;margin-top:var(--spacing-2);font-size:var(--font-size-1);border-radius:var(--radius-xl);corner-shape:squircle;padding:var(--spacing-2);box-shadow:#8da5bf7a 6px 2px 16px,#fffc -6px -2px 16px;position:relative;max-width:800px;background:radial-gradient(circle at bottom right,transparent 5%,var(--item-background-color) 40%)}@media(min-width:768px){.skillsSection .skillsSection__content{padding:var(--spacing-4);font-size:var(--font-size-2)}}.skillsSection .skillsSection__content__description{line-height:1.75;z-index:1}.skillsSection .skillsSection__animation{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;flex:1 1 auto;height:100%;display:flex;align-items:center;justify-content:center;margin:0;overflow:visible;min-height:0}.skillsSection .skillsSection__path{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.skillsSection .skills__item{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:var(--radius-lg);transition:all .3s ease;width:80px;height:80px;z-index:1}@media(min-width:768px){.skillsSection .skills__item{width:100px;height:100px}}@media(min-width:1024px){.skillsSection .skills__item{width:120px;height:120px}}.skillsSection .skills__item:hover{background-color:var(--color-primary);transform:scale(1.15)!important;color:#eee;z-index:2}.skillsSection .skills__item__image{aspect-ratio:1/1;width:100%;height:auto;max-width:40px;object-fit:contain}@media(min-width:768px){.skillsSection .skills__item__image{max-width:50px}}@media(min-width:1024px){.skillsSection .skills__item__image{max-width:60px}}.skillsSection .skills__item__name{font-size:var(--font-size-1);text-align:center;white-space:nowrap;font-weight:500;line-height:.9;text-wrap:wrap}@media(min-width:768px){.skillsSection .skills__item__name{font-size:var(--font-size-2)}}.resumeSection .resumeSection__content{display:flex;flex-direction:column}.resumeSection .resumeSection__header{display:flex;justify-content:space-between;gap:var(--spacing-2)}.resumeSection .resumeLink__link{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-1);border:1px solid var(--color-primary);font-size:var(--font-size-1);padding:var(--spacing-1);border-radius:var(--radius-md);border:2px solid var(--color-primary);transition:all .3s ease;text-decoration:none;color:var(--color-primary);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.resumeSection .resumeLink__link:hover{background-color:var(--color-primary);color:#eee}.resumeSection .resumeLink__link:hover .resumeLink__link__icon{color:#eee}@media(min-width:1024px){.resumeSection .resumeLink__link{max-width:250px;width:100%;text-align:center;align-self:flex-end}}.resumeSection .resumeLink__link__icon{color:var(--color-primary)}.resumeSection .experienceSection,.resumeSection .educationSection{max-width:1200px;width:100%;margin:var(--spacing-4) auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-2)}.resumeSection .experienceSection__item,.resumeSection .educationSection__item{width:100%;margin:0 auto;padding:var(--spacing-2);border-radius:var(--radius-lg);box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px;background-color:var(--item-background-color)}.resumeSection .experienceSection__item__header,.resumeSection .educationSection__item__header{display:flex;flex-direction:column;margin-bottom:var(--spacing-2)}.resumeSection .experienceSection__title,.resumeSection .educationSection__title{font-family:var(--font-family-heading);text-transform:uppercase;font-size:clamp(2rem,2rem + 5vw,10rem);font-weight:600;color:color-mix(in oklch,var(--color-primary) 30%,transparent)}.resumeSection .experienceSection__item__header__name__container,.resumeSection .educationSection__item__header__name__container{display:flex;gap:var(--spacing-1);justify-content:space-between;align-items:flex-end}.resumeSection .experienceSection__item__header__name,.resumeSection .educationSection__item__header__name{font-size:var(--font-size-2);font-weight:600}.resumeSection .experienceSection__item__header__sideInfo,.resumeSection .educationSection__item__header__sideInfo{font-size:var(--font-size-1);color:#636363;font-weight:400}.resumeSection .experienceSection__item__header__duration,.resumeSection .educationSection__item__header__duration{align-self:flex-end;font-size:var(--font-size-1);font-weight:400;color:var(--color-primary);padding:.25rem .5rem;margin-bottom:var(--spacing-1);border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.resumeSection .experienceSection__item__description,.resumeSection .educationSection__item__description{list-style:disc;padding-left:var(--spacing-2)}.resumeSection .experienceSection__item__description__item,.resumeSection .educationSection__item__description__item{font-size:var(--font-size-1);line-height:2}:is(.resumeSection .experienceSection__item__description__item,.resumeSection .educationSection__item__description__item) a{color:var(--color-primary);text-decoration:underline}:is(.resumeSection .experienceSection__item__description__item,.resumeSection .educationSection__item__description__item) a:hover{color:var(--color-primary);text-decoration:none}.projectsSection .projects{margin:var(--spacing-4) auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2)}@media(min-width:1024px){.projectsSection .projects{grid-template-columns:repeat(2,1fr)}}.projectsSection .projects__content{-webkit-backdrop-filter:blur(10px) brightness(1.1);backdrop-filter:blur(10px) brightness(1.1);display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 5px 10px #0000001a}.projectsSection .projects__content__info{color:var(--text-color);display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-start;justify-content:space-between;height:100%;width:100%;background:radial-gradient(center at bottom right,color-mix(in oklch,var(--color-primary) 50%,transparent) 20%,transparent);border-radius:var(--radius-lg);padding:var(--spacing-2)}.projectsSection .projects__content__image{height:auto;aspect-ratio:16/9;width:100%;object-fit:fill;object-position:center;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 0 10px #0000001a}.projectsSection .projects__content__name{font-size:var(--font-size-3)}.projectsSection .projects__content__description{font-size:var(--font-size-1)}.projectsSection .projects__content__link{align-self:flex-end;display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-1);color:var(--color-primary);text-decoration:none;position:relative}.projectsSection .projects__content__link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-primary)}
