.nav__list{display:flex;margin-right:1.5em}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{align-items:center;display:none;flex-direction:column;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:3}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;margin-left:.8em;z-index:2}}.header{height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;position:relative;width:95%;z-index:2}@media (max-width:600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em;position:relative;z-index:2}.about__name{color:var(--clr-primary)}.light .about__name{color:#7d5d8a}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{margin-top:2.4em}.about__contact{justify-content:center}.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__contact{align-self:center;width:100%}}.about__header{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.about__picture{border-radius:70%;box-shadow:0 4px 10px #00000026;height:180px;object-fit:cover;width:180px}.about__intro{align-items:center}.about__intro,.project{display:flex;flex-direction:column;text-align:center}.project{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;height:100%;justify-content:center;margin:0 auto;overflow:hidden;padding:2em;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease,background .3s ease;z-index:2}.project:hover{background:#ffffff4d;border-color:var(--clr-primary);box-shadow:0 15px 35px #0003;transform:translateY(-8px) scale(1.02)}.dark .project{background:#ffffff0d;border:1px solid #ffffff0d}.dark .project:hover{background:#ffffff1a;border-color:var(--clr-primary);box-shadow:0 15px 35px #0006}.special .project{background:#0003;border:1px solid #ffffff0d}.special .project:hover{background:#0000004d;border-color:var(--clr-primary);box-shadow:0 15px 35px #0006}.project *{background-color:initial}.project__image{filter:grayscale(50%);height:100%;left:0;object-fit:cover;opacity:.15;position:absolute;top:0;transition:opacity .4s ease,transform .5s ease,filter .4s ease;width:100%;z-index:-1}.project:hover .project__image{filter:grayscale(0);opacity:.3;transform:scale(1.1)}.project__content{color:var(--clr-fg-alt);z-index:3}.project__description{font-size:.95rem;line-height:1.6;margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;margin:1.5em 0}.project__stack-item{border:1px solid var(--clr-primary);border-radius:20px;color:var(--clr-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.4em .8em;transition:background-color .3s ease,color .3s ease}.project__stack-item:hover{background-color:var(--clr-primary);color:var(--clr-bg)}.project__links{margin-top:auto;padding-top:1.5em}.project .link--icon{color:var(--clr-fg-alt);display:inline-block;font-size:1.6rem;margin:0 .5em;transition:color .3s ease,transform .3s ease}.project .link--icon:hover{color:var(--clr-primary);transform:translateY(-3px)}.projects__grid{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(min(100%,20em),1fr))}.projects__grid,.skills__list{margin:0 auto;position:relative;z-index:2}.skills__list{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;max-width:800px;width:95%}.skills__list-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;color:var(--clr-fg-alt);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.8em 1.5em;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease;z-index:2}.skills__list-item:hover{background:#ffffff4d;border-color:var(--clr-primary);box-shadow:0 10px 25px #0003;color:var(--clr-primary);transform:translateY(-5px) scale(1.05)}.dark .skills__list-item{background:#ffffff0d;border:1px solid #ffffff0d}.dark .skills__list-item:hover{background:#ffffff1a;border-color:var(--clr-primary);box-shadow:0 10px 25px #0006;color:var(--clr-primary)}.special .skills__list-item{background:#0003;border:1px solid #ffffff0d}.special .skills__list-item:hover{background:#0000004d;border-color:var(--clr-primary);box-shadow:0 10px 25px #0006;color:var(--clr-primary)}.skills__categories{display:flex;flex-direction:column;gap:2em;margin-top:2em}.skills__category-title{color:var(--clr-fg);font-size:1.2rem;font-weight:500;margin-bottom:1.5em;text-align:center}.skills__separator{background-image:linear-gradient(90deg,#0000,#646464bf,#0000);background-image:linear-gradient(to right,#0000,rgba(var(--clr-primary-rgb,100,100,100),.75),#0000);border:0;height:1px;margin:3em auto 1em;width:60%}.dark .skills__separator,.special .skills__separator{background-image:linear-gradient(90deg,#fff0,#fff3,#fff0)}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em;z-index:3}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.contact,.footer{position:relative;z-index:2}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer__link{color:var(--clr-fg);font-size:.9rem;font-weight:600}@media (max-width:600px){.footer{margin-top:3em;padding:2em}}.app{background-color:var(--clr-bg);color:var(--clr-fg);font-family:Poppins,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden;width:100%}.light{--clr-bg:#f3e8ff;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#7d5d8a;--shadow:#64646f33 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cbc0d3;--clr-primary:#be95c4;--shadow:#00000029 0px 10px 36px 0px,#0000000f 0px 0px 0px 1px}.special{--clr-bg:#450920;--clr-bg-alt:#6b1030;--clr-fg:#f5c6d0;--clr-fg-alt:#da627d;--clr-primary:#da627d;--shadow:#0006 0px 10px 36px 0px,#0000001a 0px 0px 0px 1px}.special .about__greeting{color:#f9dbbd}main{margin:0 auto;max-width:1100px;width:95%}footer,header,main{position:relative;z-index:2}.about,.contact,.nav,.nav__list,.projects,.skills,footer,header,main{background-color:initial}.section{margin-top:5em}.section__title{margin-bottom:1em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:500;text-transform:lowercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{cursor:var(--cursor-url),pointer;display:block;font-size:.9rem;font-weight:500;padding:.8em 1.4em;text-transform:lowercase;transition:transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:initial;border:0;box-shadow:0 3px 3px 0 #00000026;text-transform:none}.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}}*{background-color:inherit;border:0;box-shadow:none;box-sizing:border-box;color:inherit;cursor:var(--cursor-url),auto;font-family:inherit;font-size:inherit;margin:0;outline:0;padding:0}body,html{overflow-x:hidden;scroll-behavior:smooth;width:100%}body{background-color:var(--clr-bg);color:var(--clr-fg)}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}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}.btn,.link,[role=button],a,button{cursor:var(--cursor-url),pointer}@media (max-width:900px){h1{font-size:2.6rem}}
/*# sourceMappingURL=main.d80a927a.css.map*/