:root{--primary-hue:270;--black-lightness:15%;--dark-lightness:44%;--light-lightness:94%;--white-lightness:100%;--color-primary:hsl(var(--primary-hue),89%,41%);--color-secondary:#d6ccff;--color-white:hsl(0,5%,var(--white-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lightness));--color-black:hsl(var(--primary-hue),5%,var(--black-lightness));--color-dark:hsl(var(--primary-hue),5%,var(--dark-lightness));--container-width-lg:76%;--container-width-md:90%;--border-radius-1:1.2rem;--border-radius-2:0.8rem;--border-radius-3:0.5rem;--transition:all 500ms ease}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}div.color-1{--primary-hue:270}div.color-2{--primary-hue:110}div.color-3{--primary-hue:228}div.color-4{--primary-hue:325}div.color-5{--primary-hue:0}div.color-6{--primary-hue:55}div.bg-2{--black-lightness:96%;--dark-lightness:60%;--light-lightness:12%;--white-lightness:6%;--color-white:hsl(0,5%,var(--white-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lightness));--color-black:hsl(var(--primary-hue),5%,var(--black-lightness));--color-dark:hsl(var(--primary-hue),5%,var(--dark-lightness))}div{--color-primary:hsl(var(--primary-hue),89%,41%);color:var(--color-dark)}.container{margin-inline:auto;max-width:1920px;width:var(--container-width-lg)}article{background:var(--color-light);padding:10rem 0;transition:var(--transition)}article:nth-child(2n){background:var(--color-white)}article>h2,article>p{text-align:center}article>p{margin:.5rem auto 4rem;width:40%}a{transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--color-black);line-height:1.1}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.8rem}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){body{font-size:1rem}.container{width:var(--container-width-md)}article{padding:8rem 0}article>p{margin-bottom:3rem;width:72%}h1{font-size:2rem}}@media screen and (max-width:600px){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}.btn{padding:.6rem 1.5rem}article>p{width:var(--container-width-md)}}.btn{align-items:center;background:var(--color-light);border:2px solid #0000;border-radius:var(--border-radius-2);color:var(--color-black);cursor:pointer;display:inline-block;display:flex;gap:1rem;padding:.6rem 2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background-color:initial;border-color:var(--color-light);transform:translateY(-.5rem)}.btn.white{background:var(--color-white)}.btn.white:hover{background:#0000;border-color:var(--color-white)}.btn.primary{background:var(--color-primary);color:#fff}.btn.primary:hover{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}.btn.sm{padding:.5rem 1.2rem}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.6;margin:0;text-rendering:optimizeLegibility}.footer{background:var(--color-primary);box-shadow:0 -1rem 1.5rem hsla(var(--primary-hue),68%,42%,20%);padding-top:8rem;transition:var(--transition)}.footer .nav__menu{justify-content:center}.footer__socials{display:flex;gap:1.5rem;margin:3rem auto 4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer__socials a{background:var(--color-black);border-radius:var(--border-radius-3);color:var(--color-white);padding:.6rem}.footer__socials a:hover{opacity:.7;transform:translateY(-.5rem)}.footer__copyright{border-top:2px solid #0003;color:#fff;padding:1.5rem 0;text-align:center}#floating__nav{display:none}@media screen and (max-width:1024px){#floating__nav{align-items:center;animation:animateFloatingNav .3s ease forwards;bottom:3rem;display:flex;left:50%;position:fixed;transform:translateX(-50%);z-index:9}@keyframes animateFloatingNav{0%{bottom:-5rem;opacity:0}to{bottom:3rem;opacity:1}}.scrollspy{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border-radius:3rem;display:flex;gap:1rem;padding:.8rem 1.5rem}#floating__nav a{border-radius:50%;color:#fff;display:grid;font-size:1.3rem;padding:.6rem}#floating__nav li.active a{background:var(--color-primary)}}.card{background-color:var(--color-white);border:2px solid #0000;border-radius:var(--border-radius-1);padding:1.5rem;transition:var(--transition)}.card:hover{background:#0000;border-color:var(--color-white);transform:translateY(-.5rem)}.card.light{background-color:var(--color-light)}.card.light:hover{background-color:initial;border-color:var(--color-light)}@media screen and (max-width:600px){.card{padding:1.2rem}}#backdrop{animation:animateBackdrop .5s ease-in forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}@keyframes animateBackdrop{to{opacity:1}}.card.theme__modal{animation:animateModal .5s ease-in forwards;background:var(--color-light);box-shadow:0 3rem 3rem #0003;left:50%;opacity:0;padding:3rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:200}@keyframes animateModal{to{opacity:1}}.theme__primary-wrapper{margin:3rem 0}.theme__primary-colors{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.theme__primary-colors button{aspect-ratio:1/1;border:5px solid #0000;border-radius:50%;cursor:pointer;transition:var(--transition);width:2rem}.theme__modal .theme__primary-colors button.active{border:5px solid var(--color-secondary)}.theme__modal .theme__background-colors button.active{border:2px solid var(--color-primary)}.theme__primary-colors .color-1{background:#7523c7}.theme__primary-colors .color-2{background:#2bc60c}.theme__primary-colors .color-3{background:#061965}.theme__primary-colors .color-4{background:#c72383}.theme__primary-colors .color-5{background:#c72323}.theme__primary-colors .color-6{background:#c7b223}.theme__background-colors{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.theme__background-colors button{background:#fff;border:2px solid var(--color-secondary);border-radius:var(--border-radius-3);cursor:pointer;height:2.5rem;transition:var(--transition);width:7rem}.theme__background-colors .bg-2{background:#111}@media screen and (max-width:600px){.card.theme__modal{padding:3rem 1.5rem;width:var(--container-width-md)}.theme__primary-colors{gap:.6rem}}.nav{background:var(--color-primary);box-shadow:0 1rem 1.5rem hsla(var(--color-primary),68%,42%,20%);display:grid;height:5rem;left:0;place-items:center;position:fixed;top:0;transition:var(--transition);width:100vw;z-index:9}.nav__container{align-items:center;display:flex;justify-content:space-between}.nav__logo{color:#fff;font-weight:500}.nav__menu{display:flex;font-weight:500;gap:3.5rem}.nav__menu a{color:#fff}.nav__menu li{position:relative}.nav__menu .active:before{background:#fff;bottom:-4px;content:"";height:2px;position:absolute;text-decoration:underline;transition:var(--transition);width:100%}.nav button{background:#0000;color:#fff;cursor:pointer;display:flex;font-size:2rem;place-items:center}@media screen and (max-width:1024px){.nav__menu{display:none}}.header{background-color:var(--color-white);display:grid;margin-top:5rem;min-height:calc(100vh - 5rem);place-items:center;transition:var(--transition)}.header__container{align-items:center;display:flex;flex-direction:column;position:relative}.header__container p{margin:.6rem 0 2rem;text-align:left;width:35rem}.header h1,.header h3{margin-bottom:2rem}.header__cta{align-items:center;display:flex;gap:1.2rem}.header__socials{bottom:0;display:flex;flex-direction:column;gap:1rem;left:0;position:absolute}.header__socials a{aspect-ratio:1/1;background-color:var(--color-light);border-radius:var(--border-radius-3);color:var(--color-black);display:grid;place-items:center;width:1.8rem}.header__socials a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateX(-.5rem)}@media screen and (max-width:1024px){.header{margin-top:0;min-height:100vh}.header__socials{display:none}}@media screen and (max-width:600px){.header__profile{height:17rem;max-height:35vh;max-width:60%;width:14rem}.header__container p{width:100%}.header__cta{gap:1rem}}@media screen and (max-width:500px){.header{margin-top:1rem}.header h1{font-size:1.5rem;margin-bottom:1rem}.header h3{font-size:1.2rem;margin-bottom:1rem}.header__cta{flex-direction:column}.header__cta .btn{justify-content:center;width:100%}}.education__container{grid-gap:2rem 4rem;display:grid;gap:2rem 4rem;grid-template-columns:1fr 1fr;margin-top:4rem}.education .card.education{align-items:flex-start;display:flex;gap:1rem}.education .education__title{font-size:1.1rem;font-weight:500}.education .education__icon{background:var(--color-primary);border-radius:var(--border-radius-3);color:var(--color-white);font-size:1.5rem;padding:.6rem;transition:var(--transition)}.education .education:hover .education__icon{background:var(--color-light);color:var(--color-primary)}.education .education h4{margin-bottom:.7rem}@media screen and (max-width:1024px){.education__container{gap:1.5rem}}@media screen and (max-width:600px){.education__container{gap:1.2rem;grid-template-columns:1fr}.card.education{gap:1.2rem}}.experience__container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem;overflow:hidden;padding-bottom:2rem;padding-top:2rem;position:relative}.experience__title{color:var(--color-black);font-size:1.1rem;font-weight:600;margin-bottom:.7rem}.experience__line{background:var(--color-light);height:100%;left:26px;position:absolute;width:3px}.experience__circle{background-color:#fff;border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 0 0 3px #fff;box-sizing:border-box;height:11px;left:22px;position:absolute;width:11px}.experience__txt{margin-left:3rem;margin-top:-.25rem;white-space:pre-line}.experience__comment{margin-top:1rem}.experience__btn{margin-bottom:2rem;margin-top:1rem}.experience p{margin-bottom:.7rem}@media screen and (max-width:1024px){.experience__container{grid-template-columns:1fr}}.portfolio__container{margin-top:2rem}.portfolio__categories{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.portfolio .btn.cat__btn{transition:var(--transition)}.portfolio .btn.cat__btn:hover{transform:translateY(0)}.portfolio__projects{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.portfolio__title{color:var(--color-black);font-size:1.1rem;font-weight:600}.portfolio .card.portfolio__project{animation:animateProject .8s ease-in forwards}@keyframes animateProject{0%{opacity:0}to{opacity:1}}.portfolio__project-image{background:var(--color-light);border-radius:var(--border-radius-2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:1.5rem;max-height:15rem;min-height:7rem;overflow:hidden;width:100%}.portfolio__project p{margin:.5rem 0 2rem}.portfolio__project-cta{display:flex;gap:1rem}.portfolio__project:hover .btn.sm{border-color:var(--color-white)}.portfolio__project:hover .btn.sm.primary{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}@media screen and (max-width:1024px){.portfolio__projects{gap:2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.portfolio__categories{gap:.6rem}.btn.cat__btn{padding:.7rem .8rem}.portfolio__projects{gap:1.5rem;grid-template-columns:1fr}}.contacts{display:flex;flex-direction:column;place-items:center}.contacts__btn{align-items:center;background-color:#eeeeed;border-radius:80px;cursor:pointer;display:flex;height:72px;justify-content:center;margin-top:4rem;overflow:hidden;padding:0 18px;position:relative;transition:all .2s ease-in-out;width:240px;will-change:transform}.contacts__btn:hover{transform:scale(1.1)}.contacts__btn:hover .contacts__btn-title{transform:translateX(-280px);transition-delay:.25s}.contacts__btn:hover a{opacity:1;transform:scale(1)}.contacts__btn-title{background-color:var(--color-black);border-radius:80px;color:var(--color-light);font-size:20px;height:72px;letter-spacing:2px;line-height:70px;padding:0 18px;position:absolute;text-align:center;transition:all 1.2s ease;width:240px;z-index:99}.contacts__container{align-items:center;border-radius:80px;display:flex;height:64px;justify-content:space-around;width:240px}.contacts__container a:first-of-type{transition-delay:1.1s}.contacts__container a:nth-of-type(2){transition-delay:.9s}.contacts__container a:nth-of-type(3){transition-delay:.7s}.contacts__container a:nth-of-type(4){transition-delay:.4s}.contacts__container a{align-items:center;color:#1f1e1e;display:flex;font-size:28px;opacity:0;transform:scale(.1);transition:all .3s ease;will-change:transform}