.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.light{--clr-navbar:linear-gradient(90deg,#e3e6ea,#cfd3d6);--clr-navbar-border:1px solid #bbb;--clr-navbar-shadow:0 10px 10px rgba(60,60,60,0.1)}.dark{--clr-navbar:linear-gradient(90deg,#3a3d40,#232526);--clr-navbar-border:1px solid #444;--clr-navbar-shadow:0 10px 10px rgba(0,0,0,0.2)}@media (max-width:800px){.nav__list{position:fixed;top:4.8em;left:0;width:100%;height:12em;z-index:2;background:var(--clr-navbar);border-bottom:var(--clr-navbar-border);border-top:none;box-shadow:var(--clr-navbar-shadow);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform .4s ease-in-out .1s,opacity .2s ease-in-out}.nav__list.show{opacity:1;transform:translateY(0);transition:transform .4s ease-in-out,opacity .2s ease-in-out .3s}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:3;margin-left:.8em}}.theme-toggle,label{display:flex;justify-content:center;align-items:center}label{position:relative;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:2}.theme-toggle input{position:absolute;opacity:0}.sun{position:absolute;font-size:1.5em;color:#666;background:transparent;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));z-index:3;transition:.8s ease;transform:scale(0)}.theme-toggle input:checked~.sun{transition-delay:.3s;transform:scale(1) rotate(1turn)}.moon{font-size:1.5em;color:#666;background:transparent;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));z-index:3;transition:.8s ease;transition-delay:.3s}.theme-toggle input:checked~.moon{transition-delay:0s;transform:rotate(1turn) scale(0)}.theme-toggle .toggle{position:absolute;display:block;width:50px;height:50px;border-radius:50%;background:#444;box-shadow:inset 0 8px 60px rgba(0,0,0,.1),inset 0 8px 8px rgba(0,0,0,.1),inset 0 -4px 4px rgba(0,0,0,.1);z-index:2;transition:1s}.theme-toggle input:checked~.toggle{background:#f8f8f8}.header{width:95%;max-width:1600px;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-container{position:fixed;top:0;left:0;right:0;height:4em;z-index:5;background:var(--clr-header);border-bottom:var(--clr-header-border);box-shadow:var(--clr-header-shadow);display:flex;justify-content:center}.light{--clr-header:linear-gradient(90deg,#e3e6ea,#cfd3d6);--clr-header-border:1px solid #bbb;--clr-header-shadow:0 4px 16px rgba(60,60,60,0.2)}.dark{--clr-header:linear-gradient(90deg,#3a3d40,#232526);--clr-header-border:1px solid #444;--clr-header-shadow:0 2px 16px rgba(0,0,0,0.5)}@media (max-width:600px){.header{height:5em}.header-container{height:5em;right:0}}.about{flex-direction:column;margin-top:1em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:736px;margin:2em auto 3em}.about__desc_container{width:100%;max-width:800px;border-radius:1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--clr-textbox);box-shadow:var(--shadow);transition:background-color .5s ease,color .5s ease}.about__contact,.about__desc{margin-top:1.5em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}.about__desc_container{width:378px;margin-left:-1em}.about__desc{margin-left:1em;margin-right:1em}}#funprojects,#projects,#skills{scroll-margin-top:120px}.resume-section{position:relative;overflow:hidden;z-index:1;margin:3em auto;padding:2.5em 2em;max-width:800px;min-height:300px;border-radius:1em;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);background-color:var(--clr-bg);transition:all .3s ease-in-out}.resume-title{font-size:2em;margin-bottom:1em;text-align:center;font-weight:600}.resume-content{padding:1.5em;line-height:1.6;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skills-section{max-width:800px;margin:0 auto;background:var(--clr-textbox);border-radius:1em;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .5s ease,color .5s ease}.skills__list{max-width:450px;width:95%;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto 0}.skills__list>div{margin-bottom:2.5rem;width:100%;box-sizing:border-box}.skills__list.flat-list>div{justify-content:left}.skills__list h4{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:var(--clr-fg-alt);text-align:center}.skills__list-item{margin:.5em;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.skills-group{justify-content:center;align-items:center;min-width:100%}.skills-list{justify-content:left space-between;display:flex;flex-wrap:wrap;grid-gap:17px;gap:17px;width:100%}.skills-list-container{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-top:2rem}.skills__list.flat-list{justify-content:left space-between;display:flex;flex-wrap:wrap;width:80%}.skills__list.flat-list .skills-list-container{justify-content:left space-between;grid-gap:17px;gap:17px}.skills-filter{max-width:600px;min-width:400px;overflow-x:auto;padding:.5em 0;justify-self:center}.category-bar{display:flex;justify-content:space-between;position:relative;border-bottom:2px solid var(--clr-fg-skillbar)}.skills-filter-header{display:flex;align-items:left;width:100px;justify-self:center;padding:0 400px 0 0}.skills-filter-header label{width:100px;display:flex;align-items:center;cursor:pointer;font-size:.8rem;white-space:nowrap;grid-gap:.3rem;gap:.3rem}.skills-filter-header text{color:var(--clr-fg-skillbar)}.skills-filter-header input[type=checkbox]{width:16px;height:16px}.toggle-cat-names input[type=checkbox]{display:none}.toggle-cat-names label{font-size:.8rem;transition:font-weight .2s ease;position:absolute;justify-content:left}.category-button,.toggle-cat-names label{cursor:pointer;color:var(--clr-fg-skillbar)}.category-button{flex:1 1;text-align:center;background:none;border:none;padding:.75rem 0;font-size:1rem;position:relative;transition:color .3s}.category-button.active{color:var(--clr-primary);font-weight:700}.slider{position:absolute;bottom:-2px;left:0;height:2px;background:var(--clr-primary);transition:all .3s ease}.logo-wrapper{position:relative}.skill-logo{mask-image:linear-gradient(180deg,transparent 0,transparent calc(100% - var(--progress)*1%),#000 calc(100% - var(--progress)*1%),#000);-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent calc(100% - var(--progress)*1%),#000 calc(100% - var(--progress)*1%),#000)}.skill-logo,.skill-logo-outline{width:100%;height:100%;object-fit:contain;transition:transform .2s ease-in-out}.skill-logo-outline{position:absolute;top:0;left:0;pointer-events:none;color:transparent;mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--progress)*1%),transparent calc(100% - var(--progress)*1%),transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--progress)*1%),transparent calc(100% - var(--progress)*1%),transparent);filter:invert(var(--clr-logo-outline))}.skill-logo-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-block}.logo-wrapper:hover .skill-logo,.logo-wrapper:hover .skill-logo-outline{transform:translateY(-5px)}.tooltip{visibility:hidden;opacity:0;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:4px 8px;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);transition:opacity .2s ease-in-out;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:10}.logo-wrapper:hover .tooltip,.tooltip--active{visibility:visible;opacity:1}@media (max-width:600px){.skills__list.flat-list{width:378px}.skills__list.flat-list .skills-list-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-left:1em;margin-right:1em}.skills-list{justify-content:left space-between;flex-wrap:wrap;grid-gap:22px;gap:22px}.skills-filter{min-width:378px;max-width:378px;padding:0}.skills-filter-header{width:100%;padding:0}}.project{width:800px;padding:2em;margin:0 auto;text-align:center;transition:transform .2s linear}.project:hover{transform:translateY(-7px)}.project__description{width:100%;margin-top:2.5em;text-align:left}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.project .link--icon{margin-left:.5em}@media (max-width:600px){.project{align-items:flex-start;margin-top:2em;margin-right:12px;left:0;padding:1em;max-width:378px}}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:2em}.project-wrapper{scroll-margin-top:80px;margin-bottom:2rem}.project{background:var(--clr-textbox);border-radius:1em;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .5s ease,color .5s ease}@media (max-width:600px){.projects__grid{align-items:flex-start;margin-top:2em}}.funproject{width:800px;padding:2em;margin:0 auto;text-align:center;transition:transform .2s linear}.funproject:hover{transform:translateY(-7px)}.funproject__description{width:100%;margin-top:2.5em;text-align:left}.funproject__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.funproject__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.funproject .link--icon{margin-left:.5em}@media (max-width:600px){.funproject{align-items:flex-start;margin-top:2em;margin-right:12px;left:0;padding:1em;max-width:378px}}.funprojects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:2em}.funproject-wrapper{scroll-margin-top:80px;margin-bottom:2rem}.funproject{background:var(--clr-textbox);border-radius:1em;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .5s ease,color .5s ease}@media (max-width:600px){.funprojects__grid{align-items:flex-start;margin-top:2em}}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:initial;cursor:pointer;z-index:5}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.contact .btn{text-transform:none}.footer{padding:3em 0;margin-top:4em;text-align:center;background-color:initial}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width:600px){.footer{padding:2em;margin-top:3em}}.app{font-family:"Poppins",sans-serif;line-height:1.5;color:var(--clr-fg);position:relative;z-index:0;transition:background-color .5s ease,color .5s ease}.light{--clr-bg:#ececec;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#2978b5;--clr-fg-skillbar:#222;--shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;--clr-logo-outline:0;--clr-textbox:linear-gradient(120deg,#f0f0f0,#e6e6e6)}.dark{--clr-bg:#2b2b2b;--clr-bg-alt:#222;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--clr-fg-skillbar:#fff;--shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;--clr-logo-outline:1;--clr-textbox:linear-gradient(120deg,#2f2f2f,#2a2a2a)}main{max-width:1100px;width:95%;margin:0 auto;padding-top:6em;background:transparent}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:focus:before,.link:hover:before{width:100%}.link--nav{text-transform:lowercase;font-weight:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;text-transform:lowercase;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:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{text-transform:none;background-color:var(--clr-bg-alt);box-shadow:0 3px 3px 0 rgba(0,0,0,.15);border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}.main-layout,.section__title{justify-content:center}.skills-layout{left:0;min-width:378px;max-width:378px}.projects.layout{min-width:0;max-width:378px}.centered-section{min-width:378px;max-width:378px}}.centered-section .about,.centered-section .resume{display:flex;justify-content:center;padding:1rem;text-align:left}.projects.layout{flex:4 1;min-width:400px}.skills-layout{flex:1 1;min-width:400px;position:relative;top:auto;align-self:center;justify-content:flex-start}.project-nav h3{margin-top:2rem;font-size:1.2rem;padding-left:.3rem}.project-nav ul{list-style:none;padding-left:.3rem}.project-nav li{margin:.5rem 0}.project-nav a{text-decoration:none;color:var(--clr-primary)}.project-nav a:hover{text-decoration:underline}*{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}:root{--scrollbar-thumb:#777;--scrollbar-thumb-hover:#484848;--scrollbar-track:#333;--clr-bg-full:#ececec}.dark{--clr-bg-full:#2b2b2b}::-webkit-scrollbar{width:12px;z-index:1000}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px;border:2px solid transparent;background-clip:content-box;height:20%}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}body,html{scroll-behavior:smooth;margin:0;padding:0;height:100%;width:100%;background-color:var(--clr-bg-full);transition:background-color .5s ease,color .5s ease;overscroll-behavior:auto;touch-action:auto}h1,h2,h3,h4,h5{line-height:1.2;color:var(--clr-fg-alt)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem;margin-top:1.5em}h5{font-size:1rem;margin-top:1em;margin-bottom:.2em}ul{list-style-type:none}a{text-decoration:none}p{color:var(--clr-fg-skillbar)}button{cursor:pointer}@media (max-width:600px){body,html{max-width:600px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4,h5{font-size:1rem}}
/*# sourceMappingURL=main.e65e29c6.chunk.css.map */