.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width: 600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width: 600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em;padding:2em}#about{padding:2em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1.2rem;max-width:600px}.about__grid{max-width:100%;text-align:center}.img-container{display:flex;justify-content:center;align-items:center}.img-container img{max-width:100%;max-height:100%}.about__desc,.about__contact{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width: 600px){.app .about{align-items:center;margin-top:2em}}.w-100{width:100%}.w-25{width:fit-content}.subtitle{font-size:1.1rem}.description{margin:.5em;font-weight:400;font-size:1.2rem;color:var(--clr-fg-alt)}.project,.css-1ri6ub7-MuiPaper-root-MuiCard-root{margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear;position:relative;height:auto;background-color:var(--clr-bg)!important;color:var(--clr-fg)!important}.MuiCardActions-root{justify-content:center}.project:hover{transform:translateY(-7px)}.project__description{margin-top:1em}.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}#preview-link{position:absolute;right:0;left:0;bottom:2%}.card-img img{width:100%}.MuiDivider-fullWidth{border-bottom-width:medium!important;margin-top:2%!important;margin-bottom:2%!important}.pro-desc,.model-buttons,.tech-stack{margin-top:2%!important}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.btn-projects{margin:.5em;text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 3px 3px;border:0;padding:.8em 1.4em}.btn-projects-group{margin-bottom:2%}.experience{padding:2em;margin-bottom:2rem;background-color:var(--clr-bg)!important;color:var(--clr-fg)!important}.experience__description{margin-top:1em}.experience__stack{margin:1.2em 0}.experience__stack-item{margin:.5em;font-weight:400;font-size:1.1rem;color:var(--clr-fg-alt)}.experience .link--icon{margin-left:.5em}.skills__list{max-width:100%;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.skills__list-item{margin:.5em}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width: 900px){.scroll-top{display:none}}.contact{flex-direction:column}.footer{padding:3em 0;margin-top:4em;text-align:center}.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);background-color:var(--clr-bg)}.light{--clr-bg: #fff;--clr-bg-alt: #fff;--clr-fg: #555;--clr-fg-alt: #444;--clr-primary: #2978b5;--shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}.dark{--clr-bg: #23283e;--clr-bg-alt: #2a2f4c;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #90a0d9;--shadow: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px}main{margin:0 auto;width:100%}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;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:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500}.link--icon{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:hover,.btn--outline:focus{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: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)}.btn--active{color:var(--clr-bg);background-color:var(--clr-primary)}.justify-content-center{justify-content:center}.d-flex{display:flex}@media (max-width: 600px){.section{margin-top:4em}}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}*{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)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width: 900px){h1{font-size:2.6rem}}iframe{pointer-events:none}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.w-auto{width:auto!important}