header{display:flex;justify-content:flex-end;align-items:center;padding:2rem 0;position:relative;z-index:9999}nav{position:fixed;top:0;left:0;width:100%;padding:1em .5em;display:flex;justify-content:flex-end;align-items:center;background:var(--clr-dark)}.mobile__nav{position:fixed;top:0;left:0;flex-direction:column;justify-content:center;width:100%;height:100vh;background-color:var(--clr-dark)}.nav__items-list{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav__item{padding:.5em}.nav__item a{font-size:var(--font-lg);transition:all .3s ease-in-out}.nav__item a.active{color:var(--clr-blue)}.theme-toggle{display:flex;justify-content:center;align-items:center;padding:1em 0}.nav__languages{display:flex;justify-content:center;align-items:center;margin:1em;padding:1.5em .75em;border-left:none;border-top:3px solid var(--clr-blue)}.nav__languages img{padding:0 .25em;cursor:pointer;transition:all .3s ease-in-out}.nav__languages img:not(.active){filter:grayscale(100%)}@media (min-width: 768px){.nav__items-list{flex-direction:row}.nav__item a:hover{color:var(--clr-blue)}.theme-toggle{padding:0 1em}.nav__languages{margin:0 1em;padding:0 1em;border-top:none;border-left:3px solid var(--clr-blue)}.nav__languages img:hover{filter:grayscale(0) drop-shadow(0 0 1em var(--clr-blue))}}.btn{background:none;border:none;padding:.25em;color:var(--clr-light);text-transform:uppercase;font-size:var(--font-md);cursor:pointer;transition:all .3s ease-in-out}.nav__btn{position:fixed;top:0;font-size:var(--font-lg);margin:1em;z-index:999}.theme-toggle-btn{filter:grayscale(100%)}.theme-toggle-btn.active{filter:grayscale(0)}.theme-toggle-btn:hover{transform:scale(1.5);filter:grayscale(0) drop-shadow(0 0 .5em var(--clr-blue))}.project__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;opacity:.7;font-size:var(--font-2xl);filter:grayscale(100%)}.project__btn:hover{filter:grayscale(0)}.next-btn{right:0}.prev-btn{left:0}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;margin-top:1em;position:relative}.hero:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:var(--clr-green)}.hero__img img{border-radius:50%;max-width:15em;margin:1em;filter:drop-shadow(0 0 1em var(--clr-green))}.hero__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__links{display:flex;justify-content:center;align-items:center}.hero__link{padding:.5em}.hero__link img{max-width:2em;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out}.hero__link img:hover{border-radius:10px;filter:drop-shadow(0 0 .5em var(--clr-aqua))}@media (min-width: 768px){.hero{flex-direction:row}.hero__img img{max-width:20em}.hero__link img{max-width:3.5em}}.title{font-size:var(--font-2xl);color:var(--clr-green);padding:.5em}.subtitle{font-size:var(--font-lg);padding:.25em;margin-top:1em;color:var(--clr-green)}.hero__subtitle,.hero__title{text-align:center;padding:.25em}.hero__subtitle{font-size:var(--font-xl);font-weight:700}.hero__title{font-size:var(--font-2xl);font-weight:900;background:var(--clr-gradient);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer__subtitle{background:var(--clr-gradient);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}@media (min-width: 768px){.title{font-size:var(--font-3xl)}.subtitle{font-size:var(--font-xl)}.hero__subtitle{font-size:var(--font-3xl)}.hero__title{font-size:var(--font-5xl)}}@media (min-width: 1024px){.hero__subtitle{font-size:var(--font-4xl)}.hero__title{font-size:var(--font-6xl)}}.about{padding:1em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:relative;background:var(--clr-darker)}.about:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:var(--clr-green)}.about__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.about__description{max-width:30em;padding:.5em;text-align:justify}.about__ul-container{display:flex;justify-content:center;align-items:center;padding:1em;margin:0 auto}.about__ul{padding:.5em;margin:0 1em;display:flex;flex-direction:column;gap:1em;list-style-type:"👍";flex:1}.about__list{padding:.25em}.about__img img{max-width:17em;border-radius:10px;margin:1em;filter:drop-shadow(1em 1em .5em var(--clr-green))}@media (min-width: 768px){.about__img img{max-width:35em}}@media (min-width: 1024px){.about{flex-direction:row}.about__img img{max-width:20em}}.work{padding:1em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:relative}.work:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:var(--clr-green)}.work__projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.work__projects-container img{border-radius:10px}.main__project{display:grid;gap:1em;place-items:center;margin-bottom:3em;position:relative}.main__project-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.main__project__description{padding:1em;text-align:justify}.main__project__ul{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:.5em;padding:.5em}.main__project__list{color:var(--clr-aqua);font-weight:700}.main__project__list:before{content:"✓";color:var(--clr-green);padding:0 .25em}.main__project__links{display:flex;justify-content:space-evenly;align-items:center;padding:.5em}.main__project__links-list img{max-width:3em;border-radius:50%;cursor:pointer;padding:.25em;transition:all .3s ease-in-out}.main__project__links-list img:hover{border-radius:10px;filter:drop-shadow(0 0 .5em var(--clr-aqua))}.main__project-img{position:relative}.main__project-img img{max-width:20em;filter:drop-shadow(.5em .5em .5em var(--clr-green));transition:all .5s ease-in-out}.work__projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75em .5em;place-items:center;padding:1em 0}.project__logo img{max-width:9em;border:1px solid var(--clr-green);padding:.5em;cursor:pointer;background:var(--clr-darker);transition:all .3s ease-in-out}.project__logo.active img{background:var(--clr-gradient)}.project__logo img:hover{background:var(--clr-gradient);filter:drop-shadow(0 0 1em var(--clr-green))}.alkopoly{grid-column-start:1;grid-column-end:-1}.alkopoly img{max-width:20em;padding:0}@media (min-width: 768px){.main__project{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;place-items:center;margin-left:1em;margin-right:1em}.main__project-img img{max-width:25em}.main__project-img img:hover{opacity:.8;transform:scale(1.2);filter:drop-shadow(0 0 1em var(--clr-green))}.work__projects-list{grid-template-columns:repeat(3,1fr)}.alkopoly{grid-column-start:1;grid-column-end:3}.alkopoly img{padding:0 .25em}}@media (min-width: 1024px){.main__project{margin-left:2em;margin-right:2em}.main__project-img img{max-width:35em}.work__projects-list{gap:1em 2.5em}.alkopoly img{padding:0 1em}}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--clr-darker);padding:0 1em 1em}.footer__description{text-align:center;padding:.5em}.footer__links{display:flex;justify-content:center;align-items:center}.footer__link{padding:.25em}.footer__link img{max-width:3em;border-radius:50%;cursor:pointer;padding:.25em;transition:all .3s ease-in-out}.footer__link img:hover{border-radius:10px;filter:drop-shadow(0 0 .5em var(--clr-aqua))}:root{--clr-dark: #393e46;--clr-darker: #15171b;--clr-light: #f1f1e9;--clr-blue: #2772db;--clr-green: #88ee86;--clr-aqua: #00dab5;--clr-gradient: linear-gradient( 90deg, #2772db, #009df2, #00bfe1, #00dab5, #88ee86, #f9f871 );--font-sm: .775rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 1.75rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3rem;--font-6xl: 4rem;--font-7xl: 4.5rem;--font-10xl: 10rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.light-theme{--clr-dark: #f1f1e9;--clr-darker: #F0F8FF;--clr-light: #15171b;--clr-green: #2772db}body{font-family:General Sans,sans-serif;background:var(--clr-dark);color:var(--clr-light)}ul{list-style-type:none}a{text-decoration:none;color:var(--clr-light)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--clr-dark)}::-webkit-scrollbar-thumb{background:var(--clr-green);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--clr-aqua)}