@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt)}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media(max-width:900px){h1{font-size:2.6rem}}:root{--font-family-sans: "Inter", sans-serif;--font-family-monospace: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xxs: .64rem;--font-size-xs: .8rem;--font-size-sm: .875rem;--font-size-m: 1rem;--font-size-l: 1.25rem;--font-size-xl: 1.563rem;--font-size-xxl: 1.953rem;--font-size-xxxl: 2.441rem;--font-size-xxxxl: 3.052rem;--font-size-xxxxxl: 3.815rem;--line-height-sm: 1.25;--line-height-m: 1.5;--letter-spacing-sm: .05em;--letter-spacing-m: .1em;--spacing-xs: 4px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--shadow-color: 0deg 0% 50%;--shadow-small: .5px 1px 1px hsl(var(--shadow-color) / .7);--shadow-medium: 1px 2px 2px hsl(var(--shadow-color) / .333), 2px 4px 4px hsl(var(--shadow-color) / .333), 3px 6px 6px hsl(var(--shadow-color) / .333);--shadow-large: 1px 2px 2px hsl(var(--shadow-color) / .2), 2px 4px 4px hsl(var(--shadow-color) / .2), 4px 8px 8px hsl(var(--shadow-color) / .2), 8px 16px 16px hsl(var(--shadow-color) / .2), 16px 32px 32px hsl(var(--shadow-color) / .2)}body{font-family:var(--font-family-sans);font-size:var(--font-size-m);line-height:var(--line-height-m)}h1,.h1{font-family:var(--font-family-sans);font-size:var(--font-size-xxxxxl);line-height:var(--line-height-sm)}h2,.h2{font-family:var(--font-family-sans);font-size:var(--font-size-xl);line-height:var(--line-height-sm)}h3,.h3{font-family:var(--font-family-sans);font-size:var(--font-size-l);line-height:var(--line-height-sm)}.app{line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg)}.light{--clr-bg: #eeeeee;--clr-bg-alt: #fff;--clr-fg: #555;--clr-fg-alt: #444;--clr-primary: #875bf7;--gradient: linear-gradient(135deg, #40c9ff, #e81cff);--shadow: 0 1px 1px hsl(0deg 0% 0% / .075), 0 2px 2px hsl(0deg 0% 0% / .075), 0 4px 4px hsl(0deg 0% 0% / .075), 0 8px 8px hsl(0deg 0% 0% / .075), 0 16px 16px hsl(0deg 0% 0% / .075);--elevation: #fff}.dark{--clr-bg: #2b2d42;--clr-bg-alt: #2a2f4c;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #90a0d9;--clr-bg: #2c2639;--clr-bg-alt: #4b4474;--clr-fg: #f1f1f1;--clr-fg-alt: #c5aef2;--clr-primary: #92ccfb;--gradient: linear-gradient(135deg, #ddb4f6, #8dd0fc);--shadow: 0;--elevation: #342d43}main{max-width:1100px;width:90%;margin:0 auto}.section{margin-top:5rem}.section__title{text-align:center;margin-bottom:2rem;text-transform:uppercase}.center{display:flex;align-items:center}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0%;height:.2rem;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in;pointer-events:none}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500}.link--icon{color:var(--clr-fg);font-size:1.3rem;padding:0}.btn{display:block;cursor:pointer;padding:.8em 1.4rem;font-weight:500;font-size:1.3rem;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:hover,.btn--outline:focus{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);inset:0 100% 0 0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.btn--plain{text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 3px 3px;border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media(max-width:600px){.section{margin-top:4rem}}.code{font-family:var(--font-family-monospace);font-weight:lighter}.about-small{display:block;transform:rotate(-7deg);transform-origin:bottom left;margin-bottom:-15px;margin-left:-10px;background-color:transparent;font-size:var(--font-size-m);pointer-events:none;width:fit-content}.about{flex-direction:column;margin-top:3rem}.about__name{color:var(--clr-primary)}.about__role{margin-bottom:12px}.about__desc{max-width:600px;margin-top:12px}.about__contact{margin-top:32px;display:flex;gap:2px}.social{background:var(--elevation);border-radius:3px;padding:10px 10px 0}.about .link--icon{margin-right:8px;font-size:24px}.about .link--icon:last-child{margin-right:0}.about .btn--outline{margin-right:1rem}@media(max-width:600px){.app .about{align-items:flex-start;margin-top:2rem}}.gradient-text{background-image:var(--gradient);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.contact{flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-icon{display:inline-block;width:2em}.contact-icon:hover{animation:rotate 2s infinite ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{padding:1.5rem 0;margin-top:4rem;margin-left:2rem;font-size:.7rem;font-weight:600;text-align:center}@media(max-width:600px){.footer{padding:1rem;margin-top:3rem}}.header{height:4rem;max-width:1100px;width:90%;margin:0 auto;justify-content:space-between;align-items:center;font-size:var(--font-size-l)}@media(max-width:600px){.header{height:2rem}}.home{font-size:var(--font-size-xl)}.home svg{height:24px;margin-top:5px;width:auto;fill:var(--clr-primary)}@media(min-width:600px){.logo{margin:0;height:35px}}.nav__list{margin-right:1.5em;display:flex}.nav__list-item{font-size:var(--font-size-l);margin-left:1.5rem}.app .nav__hamburger{display:none}.nav__theme{font-size:var(--font-size-xl);margin-top:.4em}@media(max-width:600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100%;z-index:10;overflow:hidden}.nav__list-item{margin:.5rem 0}.app .nav__hamburger{font-size:var(--font-size-xxl);display:flex;z-index:10;margin-left:.8rem;margin-top:.4rem}}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:2rem}@media(min-width:1100px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project{padding:2rem;margin:0 auto;text-align:center;background:var(--elevation);transition:transform .2s linear;border-radius:3px;width:100%}.project__description{margin-top:1rem}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2rem 0}.project__stack-item{margin:.5rem;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.project .link--icon{margin-left:.5rem}.project__img-container{margin:1rem}.project__gif{width:90%}