:root{--light-base: #ffffff;--light-accent: #f5f5f5;--dark-base: #000000;--dark-mode: #101010;--dark-accent: #363636;--text-color: #dadada;--accent-color: #ff8660;--gradient-primary: linear-gradient(116deg, #ff8660, #9a33ff);--gradient-2: linear-gradient(to right bottom, #ffffff 25%, #1e1e1d);--opacity: .7;--border-light: 1px solid var(--light-base);--border-dark: 1px solid var(--dark-accent);--box-shadow: 0 0 5px 5px;--transition: all .2s ease-in-out;--fadeIn-animation: fadeIn .2s ease-in-out forwards;--fadeOut-animation: fadeOut .2s ease-in-out forwards;--size-xx-small: .188rem;--size-x-small: .313rem;--size-small-base: .5rem;--size-small-l: .625rem;--size-small-xl: .75rem;--size-base-xs: .875rem;--size-base-sm: .938rem;--size-base: 1rem;--size-1-xl: 1.125rem;--size-2-base: 1.25rem;--size-2-xl: 1.5rem;--size-3-base: 1.875rem;--size-3-xl: 2.25rem;--size-4-base: 2.5rem;--size-4-xl: 3rem;--size-5-base: 3.125rem;--size-6-base: 3.75rem;--size-7-base: 4.375rem;--clamp-x-small: clamp(.188rem, 1vw, .313rem);--clamp-small-l: clamp(.5rem, 1vw, .625rem);--clamp-small-xl: clamp(.625rem, 1vw, .75rem);--clamp-base-xs: clamp(.75rem, 1vw, .875rem);--clamp-base-sm: clamp(.875rem, 1vw, .938rem);--clamp-base: clamp(.938rem, 2vw, 1rem);--clamp-1-xl: clamp(1rem, 2vw, 1.125rem);--clamp-2-base: clamp(1rem, 2vw, 1.25rem);--clamp-2-xl: clamp(1.25rem, 2.4vw, 1.5rem);--clamp-3-base: clamp(1.375rem, 3vw, 1.875rem);--clamp-3-xl: clamp(1.5rem, 3.2vw, 2rem);--clamp-4-base: clamp(2rem, 4vw, 2.5rem);--clamp-4-xl: clamp(2.5rem, 4.8vw, 3rem);--clamp-5-base: clamp(2.25rem, 5vw, 3.125rem);--clamp-5-xl: clamp(3.5rem, 7.2vw, 4.5rem);--clamp-8-base: clamp(5rem, 8vw, 8rem);--fw-thin: 100;--fw-extraLight: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semiBold: 600;--fw-bold: 700;--fw-extraBold: 800;--fw-black: 900}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;outline-offset:var(--size-small-base);text-decoration:none;list-style:none;line-height:1.5;font-family:poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:var(--size-7-base);background-color:var(--dark-mode)}h1,.h1{font-size:var(--clamp-4-base);font-weight:var(--fw-semiBold);line-height:1.1;text-align:center}h2,.h2{font-size:var(--clamp-3-xl);font-weight:var(--fw-semiBold);line-height:1.2}h3,.h3{font-size:var(--clamp-2-xl);font-weight:var(--fw-medium);line-height:1.2}h4,.h4{font-size:var(--clamp-2-base);font-weight:var(--fw-medium);line-height:1.2}h5,.h5{font-size:var(--clamp-1-xl);font-weight:var(--fw-medium);line-height:1.2}p,.p{font-size:var(--clamp-base);font-weight:var(--fw-regular);color:var(--text-color)}small{font-size:var(--clamp-small-xl)}img,svg,video{max-width:100%;height:auto;object-fit:cover;object-position:center;display:block}a,button,.button{font-size:var(--clamp-base);font-weight:var(--fw-regular);line-height:normal;color:inherit;transition:var(--transition)}a:hover,a:focus-visible,button:hover,button:focus-visible,.button:hover,.button:focus-visible{opacity:var(--opacity)}button,.button{color:var(--light-base);background-color:var(--grey-color);border:none;padding:.5em 1.25em;border-radius:var(--size-3-base);cursor:pointer}.button-primary{background-image:var(--gradient-primary)}.button-secondary{border:var(--border-light)}.text-center{text-align:center}.wrapper-body{max-inline-size:90rem;margin-inline:auto}.wrapper-primary{max-inline-size:min(100% - clamp(.5rem,5vw,8rem),75rem);max-inline-size:min(100% - clamp(.5rem,5vw,8rem),56.25rem);margin-inline:auto}.wrapper-contents{padding-block:min(8%,2.5rem)}.fade-in{animation:fadeIn .2s ease-in-out}.fade-out{animation:fadeOut .2s ease-in-out}@keyframes fadeIn{0%{display:none;opacity:0}to{display:block;opacity:1}}@keyframes fadeOut{0%{display:block;opacity:1}to{display:none;opacity:0}}.header{width:100%;background-color:var(--dark-mode);position:fixed;top:0;left:0;z-index:9999}.nav{display:flex;justify-content:space-between;align-items:center;height:var(--clamp-5-xl);border-bottom:var(--border-dark)}.nav__logo{font-size:var(--size-2-base);font-weight:var(--fw-medium)}.nav__logo img{width:var(--clamp-1-xl);height:var(--clamp-1-xl)}.nav__menu{display:flex;justify-content:space-between;align-items:center;gap:clamp(0rem,3vw,var(--size-3-base))}.nav__link{font-size:clamp(var(--size-1-xl));font-weight:var(--fw-regular);color:var(--text-color);transition:var(--transition)}.nav__link:hover,.nav__link:focus-visible{color:var(--light-base);opacity:1}.nav__mobile-btn{display:none;cursor:pointer}main,.main{margin-top:var(--clamp-8-base)}.home{max-width:43.75rem;margin-inline:auto;display:grid;place-items:center;gap:var(--clamp-3-base)}.home__img{width:clamp(6.25rem,12.5vw,12.5rem);border-radius:50%}.home h1>span{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--clamp-2-base)}.home__skills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.home__skills img{width:clamp(1.5rem,3vw,2.5rem)}.projects,.experience,.contact{display:grid;gap:var(--clamp-4-base)}.projects h2,.experience h2,.contact h2{text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:var(--clamp-small-l)}.projects__showcase{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:var(--size-3-base)}.projects__content{width:clamp(16.875rem,14.31rem + 14.655vw,27.5rem);background-color:var(--dark-accent);border-radius:var(--size-small-base);transition:var(--transition);overflow:hidden}.projects__content:hover,.projects__content:focus-visible{box-shadow:0 0 5px 5px}.projects__content:hover .projects__img,.projects__content:focus-visible .projects__img{scale:1.02}.projects__img{width:100%;aspect-ratio:16/9;transition:var(--transition)}.projects__link{display:flex;justify-content:space-between;align-items:center;gap:var(--clamp-base);padding:.5em 1em}.experience_content,.experience_content h3{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--size-small-base)}.experience_content p{color:var(--light-base)}.experience__desc{margin-top:var(--size-small-l)}.contact__email{display:flex;justify-content:center;align-items:center;gap:var(--size-small-base);justify-self:left}.contact__social{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--clamp-2-xl);justify-self:left}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--size-x-small);text-align:center;padding-block:var(--clamp-base-sm);border-top:var(--border-dark)}@media (max-width: 37.5em){h2{text-align:center}.nav__mobile-btn{display:block}.nav__menu{position:fixed;width:80%;top:var(--clamp-5-xl);right:0;flex-direction:column;justify-content:start;min-height:100dvh;transition:var(--transition);transform:translate(100%);background-image:var(--gradient-primary);z-index:-1}.nav__menu.active{transform:translate(0)}.nav__menu li{width:100%}.nav__link{display:block;font-weight:var(--fw-medium);color:var(--light-base);padding-block:1em;text-align:center}.home p{text-align:left}.projects__content{width:100%}.contact__email,.contact__social{justify-self:center}.footer{justify-content:center}}