:root{--clr-bg-primary:#fff;--clr-text-primary:#434570;--clr-text-secondary:#666;--clr-card-bg:#fff;--clr-cyan:#20e2d7;--clr-yellow:#eefa02;--clr-white:#fff;--clr-black:#191919}@media (prefers-color-scheme:light){:root{--clr-bg-primary:#fff;--clr-text-primary:#434570;--clr-text-secondary:#666;--clr-card-bg:#fff;--clr-cyan:#20e2d7;--clr-yellow:#eefa02;--clr-white:#fff;--clr-black:#191919}}@media (prefers-color-scheme:dark){:root{--clr-bg-primary:#121212;--clr-text-primary:#ccc;--clr-text-secondary:#666;--clr-card-bg:#363636;--clr-cyan:#20e2d7;--clr-yellow:#eefa02;--clr-white:#fff;--clr-black:#191919}}.light-theme{--clr-bg-primary:#fff;--clr-text-primary:#434570;--clr-text-secondary:#666;--clr-card-bg:#fff;--clr-cyan:#20e2d7;--clr-yellow:#eefa02;--clr-white:#fff;--clr-black:#191919}.dark-theme{--clr-bg-primary:#121212;--clr-text-primary:#ccc;--clr-text-secondary:#666;--clr-card-bg:#363636;--clr-cyan:#20e2d7;--clr-yellow:#eefa02;--clr-white:#fff;--clr-black:#191919}:root{--ff-primary:Poppins,sans-serif;--ff-secondary:DM Sans,sans-serif;--fs-300:1rem;--fs-400:1.125rem;--fs-500:1.25rem;--fs-600:1.75rem;--fs-700:2rem;--fs-800:3rem;--fs-900:3.625rem;--fw-light:300;--fw-regular:400;--fw-bold:700}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}html{scroll-behavior:smooth}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}ol:where([role=list]),ul:where([role=list]){list-style:none;margin:0;padding:0}img,picture{display:block;max-width:100%}body{background-color:var(--clr-bg-primary);color:var(--clr-text-primary);font-family:var(--ff-primary)}h1,h2,h3{line-height:1.1}.btn-link{align-items:center;color:var(--clr-text-primary);display:flex;font-size:1rem;position:relative;text-decoration:underline}.btn-link:before{background-repeat:no-repeat;background-size:20px 20px;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}.link--preview:before{background-image:url(../img/anchor.svg)}.link--code:before{background-image:url(../img/github.svg)}.dark-theme .link--preview:before{background-image:url(../img/anchor_white.svg)}.dark-theme .link--code:before{background-image:url(../img/github_white.svg)}button{background-color:var(--clr-primary);border:0;color:var(--clr-white);cursor:pointer;font-size:1rem;padding:1rem 3rem}button:focus,button:hover{background-color:var(--clr-primary-10)}.btn-load-more{align-self:center;color:var(--clr-text-primary);display:block;font-family:DM Sans,sans-serif;line-height:1.625rem;margin:0 auto;padding-top:3rem;width:-moz-fit-content;width:fit-content}.btn-load-more:hover{color:var(--clr-text-primary);text-shadow:0 0 .65px var(--clr-text-primary),0 0 .65px var(--clr-text-primary)}.scroll-to-top{background-color:var(--clr-bg-primary);border:1px solid var(--clr-text-primary);border-radius:50%;bottom:1rem;opacity:0;padding:.5rem .7rem;position:fixed;right:1rem}.scroll-to-top svg path{fill:var(--clr-text-primary)}.scroll-to-top.active{opacity:1}.card{background-color:var(--clr-card-bg);border-radius:1.25rem;box-shadow:2px 2px 100px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;justify-content:space-between}.card__image img{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;height:260px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.card__content{padding:1.875rem 1.875rem 0}.card p{font-size:clamp(1rem,.956rem + .1878vw,1.125rem);line-height:26px;text-align:left}.card__tags{font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);padding:0 1.875rem 1.875rem}.card__footer{padding:0 1.875rem 1.875rem}.card__footer,nav,nav .wrapper{display:flex;justify-content:space-between}nav .wrapper{align-items:center;background-color:var(--clr-bg-primary);padding:1rem 0}nav .nav__toggle{visibility:hidden}.nav{align-items:center;display:flex;gap:3.5rem;list-style:none;padding:0 1.75rem}.nav__item a{color:var(--clr-text-primary);font-family:DM Sans,sans-serif;line-height:1.625rem}.nav__item a:hover{color:var(--clr-text-primary);text-shadow:0 0 .65px var(--clr-text-primary),0 0 .65px var(--clr-text-primary)}.nav--social{gap:1rem;padding-right:0}.nav--social a{display:flex}.nav--social a:hover svg path{fill:var(--clr-text-primary)}.nav--top{padding:1rem 2rem}.nav--top a{font-size:1.25rem}.nav--bottom a{font-size:1.125rem}nav{position:relative}@media (width < 75em){nav .flex .nav:not(.nav--social){margin-bottom:2rem;padding-right:0}}@media (width < 50em){nav .nav--top{flex-direction:column}nav .wrapper{left:0;padding:1.5rem;position:absolute;top:0;visibility:hidden;width:100%;z-index:10}nav .wrapper.active{visibility:visible}nav .logo{font-size:1.75rem}nav .flex-group{align-items:flex-start;gap:0;padding-top:2rem;width:calc(100vw - 4rem)}nav .flex-group .nav{padding:0}nav .flex-group .nav:not(.nav--social){align-items:flex-start;flex-direction:column}nav .nav-toggle{align-items:center;aspect-ratio:1;display:flex;flex-direction:column;gap:.2rem;justify-content:space-evenly;padding:.5rem;position:absolute;right:1rem;top:1rem;visibility:visible;width:51px;z-index:20}nav .nav-toggle__line{align-self:flex-end;background-color:var(--clr-text-primary);border-radius:5px;height:4px;width:100%}nav .nav-toggle:hover{border-radius:5px}}.nav-toggle.active .nav-toggle__line:first-child{animation:moveToMiddle1 .3s ease forwards}.nav-toggle.active .nav-toggle__line:nth-child(3){animation:moveToMiddle2 .3s forwards}.nav-toggle.active .nav-toggle__line:nth-child(2){opacity:0;transition:.3s}@keyframes moveToMiddle1{50%{transform:translateY(12px) rotate(0deg)}to{transform:translateY(12px) rotate(45deg)}}@keyframes moveToMiddle2{50%{transform:translateY(-11px) rotate(0deg)}to{transform:translateY(-11px) rotate(-45deg)}}@media (width < 50em){nav .wrapper{box-shadow:0 -4px 40px 0 rgba(0,0,0,.355)}.dark-theme nav .wrapper{box-shadow:0 -4px 40px 0 rgba(55,52,52,.839)}}.logo{font-size:2.2rem;font-weight:700;padding:1rem 0;text-align:center}.logo div:last-child{font-size:1rem;padding-top:.5rem}.h1,h1{font-size:clamp(2rem,1.4278rem + 2.4413vw,3.625rem);font-weight:700;letter-spacing:-1px;line-height:4.375rem}.h1,.h2,h1,h2{color:var(--clr-text-primary)}.h2,h2{font-size:clamp(1.75rem,1.3099rem + 1.8779vw,3rem);line-height:1.625rem}.h3,h3{font-size:clamp(1.25rem,1.0739rem + .7512vw,1.75rem);line-height:26px}h2,p{margin:2rem 0;text-align:center}p{color:var(--clr-secondary);font-size:clamp(1.25rem,.9859rem + 1.1268vw,2rem);line-height:1.625rem}a{color:var(--clr-primary);font-family:DM Sans,sans-serif;font-size:1.125rem;text-decoration:none}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:transform .4s;width:26px}input:checked+.slider{background-color:var(--clr-cyan)}input:focus+.slider{box-shadow:0 0 1px var(--clr-cyan)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.grid-flow{display:grid;gap:1rem}footer,header,nav,section{margin:0 auto;max-width:1100px;padding:0 1rem}.flex-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.flex-row{flex-direction:row}.gs-2{-moz-column-gap:2rem;column-gap:2rem}@media (width < 50em){.flex-group:has(.nav--top){flex-direction:column}}.header{display:flex;flex-direction:row;justify-content:space-between;padding:13.5rem 1rem}.header__image .image__bg{aspect-ratio:1;background:linear-gradient(45deg,#eefa02,#20e2d7);border-radius:50%;display:grid;max-width:350px;padding:.75rem;place-content:center}.header__image img{aspect-ratio:1;border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;width:100%}@media (width < 50em){.header{align-items:center;flex-direction:column-reverse;padding:7rem 0}}.tech-stack__icons{align-items:center;display:flex;flex-wrap:wrap;gap:80px;padding:120px 0 40px}@media (width < 75em){.tech-stack__icons{gap:60px}}@media (width < 37.5em){.tech-stack__icons{justify-content:center}}.tech-stack__icon{min-width:50px;width:10%}.tech-stack__icon img{width:100%}#projects{margin-top:200px}.projects__content{display:grid;gap:2.5rem;grid-template-columns:1fr 1fr 1fr;padding-top:80px}@media (width < 75em){.projects__content{grid-template-columns:1fr 1fr}}@media (width < 37.5em){.projects__content{grid-template-columns:1fr}}.about{margin-top:200px}.about p{line-height:1.2;padding:0;text-align:left}.about h2{margin:4rem 0;text-align:left}.contact:not(footer .contact){padding:20% 0;text-align:center}.contact:not(footer .contact) h2{font-size:clamp(2rem,1.4278rem + 2.4413vw,3.625rem);letter-spacing:-1px;line-height:4.375rem}.contact:not(footer .contact) a{font-size:clamp(1.75rem,1.3099rem + 1.8779vw,3rem);line-height:1.625rem}.footer .logo{color:var(--clr-primary);font-weight:700}.footer__top{border-bottom:2px solid gray;padding:3.75rem 0}.footer__top .contact{align-items:center;display:flex;gap:2rem}@media (width < 50em){.footer__top{flex-direction:column}.footer__top .contact{flex-direction:column;padding-top:3rem}.footer__top .contact .nav--social{padding-left:0}}.footer__bottom{padding:3.75rem 0}@media (width < 50em){.footer__bottom,.footer__bottom .nav{flex-direction:column}.footer__bottom .nav{padding-bottom:3.75rem}}.container{margin-inline:auto;max-width:70rem;padding-inline:2rem;width:100%}.flow>:where(:not(:first-child)){margin-top:1em}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}.text-gradient{background:linear-gradient(90deg,var(--clr-yellow),var(--clr-cyan));background-clip:text;-webkit-background-clip:text;background-position:-50px;background-size:150%;color:transparent}.nav:not(.nav--social) .nav__item a{position:relative;transition:text-shadow .3s ease}.nav:not(.nav--social) .nav__item a:after{background-color:var(--clr-text-primary);bottom:-10px;content:"";height:2px;left:50%;position:absolute;translate:-50%;width:0}.nav:not(.nav--social) .nav__item a:hover:after{animation:scale .3s ease;width:100%}.btn-load-more{position:relative;transition:text-shadow .3s ease}.btn-load-more:after{background-color:var(--clr-text-primary);bottom:-10px;content:"";display:block;height:2px;left:50%;position:absolute;translate:-50%;width:0}.btn-load-more:hover:after{animation:scale .3s ease;width:100%}.nav--social .nav__item a svg path{transition:fill .3s ease}.nav--social .nav__item a svg{transition:scale .3s ease}.nav--social .nav__item a:hover svg{scale:1.1}.logo.text-gradient{transition:background-position .3s ease}.logo.text-gradient:hover{background-position:0}.card{transition:all .3s ease!important}.card:hover{scale:1.02}@keyframes scale{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.my-element{transition:none}}@media (width < 50em){nav .wrapper.active{animation:fadeIn .3s ease}}@keyframes fadeIn{0%{opacity:0;translate:-100vw}to{opacity:1;translate:0}}/*# sourceMappingURL=style.css.map */