.header{flex-direction:row;justify-content:space-between;margin:2rem;display:flex}@media (width>=320px) and (width<=374px){.header{margin:1rem}}@media (width>=768px){.header{margin:2rem 5rem}}@media (width>=1366px){.header{margin:2rem 8rem}}@media (width>=1920px){.header{margin:4rem 16rem}}.header__logo{width:30%;height:auto}@media (width>=600px){.header__logo{width:20%;height:auto}}@media (width>=900px){.header__logo{width:15%;height:auto}}@media (width>=1280px){.header__logo{width:10%;height:auto}}.header .nav{letter-spacing:.2rem;flex-direction:column;justify-content:space-between;font-family:Mulish,sans-serif;font-size:1.7rem;display:flex}@media (width>=1366px){.header .nav{flex-direction:row;align-items:center;width:25rem}}@media (width>=1920px){.header .nav{width:40rem}}.header .nav__link{text-align:right;color:#fff;text-shadow:1px 1px 10px #00000080;cursor:pointer;text-decoration:none;list-style-type:none;transition:transform .2s ease-in-out;display:inline-block;position:relative}.header .nav__link.active{text-decoration:underline}.header .nav__link:after{content:"";transform-origin:50%;background-color:#fff;width:0;height:2px;transition:width .25s ease-in-out;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.header .nav__link:hover:after{width:100%}.header .menu{cursor:pointer;display:none}.header .menu-toggle{display:none}@media (width<=767px){.header .nav{display:none}.header .nav.is-open,.header .nav.is-closed{z-index:1000;-webkit-backdrop-filter:blur(2px)saturate(80%);background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:0 0 0 10px;flex-direction:column;align-items:flex-start;font-size:3rem;animation:.3s forwards slideIn;display:flex;position:fixed;top:0;right:0}}@media (width<=767px) and (width>=280px){.header .nav.is-open,.header .nav.is-closed{width:15rem;height:30rem;padding:8rem 3rem 6rem;font-size:2rem}}@media (width<=767px) and (width>=310px){.header .nav.is-open,.header .nav.is-closed{width:15rem;height:30rem;padding:8rem 3rem 6rem;font-size:2rem}}@media (width<=767px) and (width>=540px){.header .nav.is-open,.header .nav.is-closed{width:22rem;height:35rem;padding:10rem 3rem 6rem;font-size:2.5rem}}@media (width<=767px){.header .nav.is-closed{animation:.3s forwards slideOut}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.header .menu{color:#fff;width:5rem;display:block}.header .menu-toggle{color:#fff;width:5rem;display:block;position:absolute;top:2.5rem;right:2rem}}.hero{color:#fff;margin:0 2rem 2rem}@media (width>=320px) and (width<=374px){.hero{margin:1rem 1rem 2rem}}@media (width>=768px){.hero{margin:0 5rem 2rem}}@media (width>=1366px){.hero{margin:4rem 8rem 2rem}}@media (width>=1920px){.hero{margin:8rem 16rem}}.hero__title{letter-spacing:.3rem;text-align:center;text-shadow:1px 1px 10px #00000080;font-family:JosefinSlab,sans-serif;font-size:4.5rem}@media (width>=1366px){.hero__title{margin-top:2rem}}@media (width>=1440px){.hero__title{font-size:5.5rem}}@media (width>=1920px){.hero__title{font-size:7rem}}.hero__work{text-align:center;text-shadow:1px 1px 10px #00000080;font-family:SpaceMonoregular,sans-serif;font-size:2rem}@media (width>=320px) and (width<=374px){.hero__work{font-size:1.8rem}}@media (width>=1440px){.hero__work{font-size:2.5rem}}@media (width>=1920px){.hero__work{font-size:4rem}}.hero__text{text-align:justify;text-shadow:1px 1px 10px #00000080;margin:1rem;font-family:Mulish,sans-serif;font-size:1.2rem}@media (width>=320px) and (width<=374px){.hero__text{margin:1rem 0 0}}@media (width<=410px){.hero__text{text-align:center}}@media (width>=1366px){.hero__text{margin:2rem 8rem;font-size:1.4rem}}.hero__link{color:#fff;text-shadow:1px 1px 10px #00000080;font-family:SpaceMonoregular,sans-serif;font-size:1.2rem;text-decoration:none}.projectsHeader{color:#fff;text-align:center}.projects{color:#fff;flex-direction:column;justify-content:center;align-items:center;margin:2rem;display:flex}@media (width>=768px){.projects{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 5rem;display:grid}}@media (width>=1366px){.projects{gap:3rem;margin:4rem 8rem}}@media (width>=1920px){.projects{gap:4rem;margin:8rem 16rem}}.projects__card{width:100%;margin:1rem 0;transition:transform .19s ease-in-out}.projects__card:hover{transform:scale(1.02)}.projects__card:hover .iconBall{transform:rotate(360deg)}@media (width>=768px){.projects__card{height:90%}}.projects__card__link{color:#fff;text-decoration:none}.projects__card__link__title{text-shadow:1px 1px 10px #00000080;font-family:SpaceMonoregular,sans-serif;font-size:2rem}@media (width>=1920px){.projects__card__link__title{font-size:2.5rem}}.projects__card__link__text{text-shadow:1px 1px 10px #00000080;font-family:Mulish,sans-serif;font-size:1.2rem}@media (width>=1366px){.projects__card__link__text{font-size:1.4rem}}.projects__card .iconBall{justify-self:center;width:10%;transition:transform 1.8s cubic-bezier(.16,1.08,.83,1);display:flex}.container{margin:2rem 0}.container__img{width:100%;height:100%}.projectTitle{letter-spacing:.2rem;font-size:3.3rem}@media (width>=320px) and (width<=374px){.projectTitle{font-size:3rem}}@media (width>=1920px){.projectTitle{font-size:5rem}}.contact{flex-direction:column;margin:2rem;display:flex}@media (width>=768px){.contact{margin:2rem 5rem}}@media (width>=1366px){.contact{margin:4rem 8rem}}@media (width>=1920px){.contact{margin:8rem 16rem}}.contact__title{text-align:center;text-shadow:1px 1px 10px #00000080;color:#fff;margin:0 2rem 2rem;font-family:SpaceMonoRegular,sans-serif;font-size:2rem}@media (width>=768px){.contact__title{letter-spacing:.3rem;font-size:2rem}}@media (width>=1366px){.contact__title{font-size:2.5rem}}@media (width>=1920px){.contact__title{font-size:3rem}}.contact__text{color:#fff;text-align:center;text-shadow:1px 1px 10px #00000080;font-family:SpaceMonoregular,sans-serif;text-decoration:none;transition:transform .15s ease-in-out}.contact__text:hover{transform:scale(1.02)}@media (width>=768px){.contact__text{font-size:1.5rem}}.contact__link{color:#fff;letter-spacing:.3rem;text-align:center;text-shadow:1px 1px 10px #00000080;flex-direction:column;font-family:Mulish,sans-serif;font-size:1.2rem;text-decoration:none;transition:transform .15s ease-in-out;display:flex}.contact__link:hover{transform:scale(1.05)}@media (width>=1366px){.contact__link{font-size:1.5rem}}.contact .me{flex-direction:column;justify-content:center;align-items:center;margin:3rem 0 2rem;display:flex}@media (width>=1366px){.contact .me{margin:8rem 0 2rem}}.contact .me__title{text-align:center;text-shadow:1px 1px 10px #00000080;color:#fff;margin:0 0 2rem;font-family:SpaceMonoRegular,sans-serif;font-size:2rem}@media (width>=320px) and (width<=374px){.contact .me__title{font-size:1.5rem}}@media (width>=1366px){.contact .me__title{font-size:2.5rem}}@media (width>=1920px){.contact .me__title{margin:2rem;font-size:3rem}}.contact .me__text{text-align:center;color:#fff;text-shadow:1px 1px 10px #00000080;font-family:Mulish,sans-serif;font-size:1.2rem}@media (width>=768px){.contact .me__text{text-align:justify;margin:0 2rem;font-size:1.2rem}}@media (width>=1366px){.contact .me__text{margin:0 4rem 2rem;font-size:1.5rem}}@media (width>=1920px){.contact .me__text{margin:2rem 6rem;font-size:1.5rem}}.footer{justify-content:center;align-items:center;margin:2rem;display:flex}.footer__text{color:#fff;letter-spacing:.3rem;text-align:center;text-shadow:1px 1px 10px #00000080;flex-direction:column;font-family:Mulish,sans-serif;font-size:.8rem;display:flex}.footer__text__link{color:#fff;font-size:1.2rem;text-decoration:none;transition:transform .15s ease-in-out}.footer__text__link:hover{transform:scale(1.05)}@media (width>=1366px){.footer__text__link{font-size:1.5rem}}.skills{color:#fff;padding:0 1.5rem 5rem;overflow:hidden}@media (width>=1366px){.skills{padding:0 4rem 6rem}}@media (width>=1920px){.skills{padding:0 10rem 7rem}}.skills__header{text-align:center;max-width:900px;margin:0 auto 3rem}.skills__eyebrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.35rem;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.75rem 1.4rem;font-family:Mulish,sans-serif;font-size:1rem;display:inline-flex}.skills__main-title{letter-spacing:.04rem;text-shadow:0 0 24px #ffffff14;margin-bottom:1.25rem;font-family:SpaceMonoregular,sans-serif;font-size:2.3rem;line-height:1.15}@media (width>=768px){.skills__main-title{font-size:3.4rem}}@media (width>=1366px){.skills__main-title{font-size:4.2rem}}.skills__subtitle{color:#cbd5e1;max-width:760px;margin:0 auto;font-family:Mulish,sans-serif;font-size:1rem;line-height:1.8}@media (width>=768px){.skills__subtitle{font-size:1.15rem}}@media (width>=1366px){.skills__subtitle{font-size:1.25rem}}.skills__grid{z-index:1;grid-template-columns:1fr;gap:1.5rem;max-width:1400px;margin:0 auto;display:grid;position:relative}@media (width>=1366px){.skills__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2rem}}.skills__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;padding:1.5rem;box-shadow:0 0 30px #60a5fa14,inset 0 1px #ffffff14}@media (width>=768px){.skills__card{padding:2rem}}@media (width>=1366px){.skills__card{padding:2.25rem}}.skills__card-title{color:#f8fafc;margin-bottom:1.75rem;font-family:Mulish,sans-serif;font-size:1.8rem;font-weight:700}@media (width>=1366px){.skills__card-title{font-size:2rem}}.skills__groups{flex-direction:column;gap:1.5rem;display:flex}.skills__group{flex-direction:column;gap:.9rem;display:flex}.skills__group-title{color:#7dd3fc;margin:0;font-family:Mulish,sans-serif;font-size:1.1rem;font-weight:700}@media (width>=1366px){.skills__group-title{font-size:1.2rem}}.skills__badges{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.skills__badge{color:#e0f2fe;white-space:nowrap;background:#38bdf81a;border:1px solid #7dd3fc33;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-family:Mulish,sans-serif;font-size:.95rem;line-height:1.2;transition:transform .2s,background .2s,border-color .2s;display:inline-flex;box-shadow:0 0 14px #38bdf814}.skills__badge:hover{background:#38bdf829;border-color:#7dd3fc59;transform:translateY(-2px)}@media (width>=1366px){.skills__badge{font-size:1rem}}.skills__badge--soft{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;box-shadow:0 0 14px #ffffff0f}.skills__badge--soft:hover{background:#ffffff24;border-color:#ffffff47}.bouncingBall{justify-content:center;align-items:center;display:flex}@font-face{font-family:SpaceMonoBold;src:url(/assets/SpaceMono-Bold-OmHk4iMk.ttf)format("truetype")}@font-face{font-family:SpaceMonoRegular;src:url(/assets/SpaceMono-Regular-7wDOIQj2.ttf)format("truetype");font-weight:900}@font-face{font-family:JosefinSlab;src:url(/assets/JosefinSlab-regular-Fyma17iW.ttf)format("truetype");font-weight:100}@font-face{font-family:JosefinSlabItalic;src:url(/assets/JosefinSlab-Italic-DDCjwVxZ.ttf)format("truetype")}@font-face{font-family:Mulish;src:url(/assets/Mulish-Regular-yG63NwrA.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.bg{width:100%;height:100%}.bg__img{object-fit:cover;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.glassmorphism{-webkit-backdrop-filter:blur(2px)saturate(80%);background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:5px;padding:2rem}