.max-container{position:relative;max-width:1240px;width:100%;height:100%;margin:0 auto;padding:0 100px;z-index:1;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1024px){.max-container{padding:0 50px}}@media screen and (max-width: 480px){.max-container{padding:0 20px}}.menu-toggle{z-index:6;display:flex;justify-content:center;align-items:center}.menu-toggle .hamburger{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:6px}.menu-toggle .hamburger span{width:30px;height:2px;background-color:var(--tertiary-color);display:block;transition:all .3s ease;border-radius:2px}.menu-toggle .hamburger.isActive span:nth-child(1){transform:rotate(45deg) translateY(12px)}.menu-toggle .hamburger.isActive span:nth-child(2){transform:translate(100%);opacity:0}.menu-toggle .hamburger.isActive span:nth-child(3){transform:rotate(-45deg) translateY(-12px)}@media screen and (min-width: 768px){.menu-toggle{display:none}}.nav-container{width:100%;position:fixed;top:0;z-index:5;transition:background-color .3s ease}.nav-container.isScrolling{background-color:var(--primary-color);border-bottom:1px solid var(--quertiary-color)}.nav-container.isScrolling .nav{padding:10px 0}.nav-container .wrapper-togle-cv{display:flex;gap:20px}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 0;text-transform:capitalize;font-size:1rem;width:100%;transition:padding .3s ease}.nav__brand{display:flex;justify-content:center;align-items:center;font-size:2rem;text-transform:uppercase;font-family:var(--fontCodeLatin)}.nav__brand span{color:var(--quertiary-text-color)}.nav__navigation{display:flex;align-items:center;gap:25px}.nav__navigation a{position:relative;display:block;text-transform:uppercase}.nav__navigation a:before{position:absolute;content:"";width:0;left:-5%;top:50%;transform:translateY(-50%);height:2px;transition:all .3s ease}.nav__navigation a:hover:before{background-color:var(--quertiary-color);width:110%}.nav__external-links{display:flex;flex-wrap:wrap;gap:20px;z-index:1}.nav__external-links .link{text-align:center;text-transform:uppercase;font-size:.8rem;display:flex;align-items:center;gap:5px;border-radius:5px;transition:all ease .3s}.nav__external-links .link:hover{transform:scale(.9)}.nav__external-links .link svg{width:1.5rem;height:1.5rem}.nav__external-links .link--github{background:#222222}.nav__external-links .link--linkedin{background:#046fa1}@media screen and (max-width: 640px){.nav__external-links .link span{display:none}}@media screen and (max-width: 768px){.nav{display:flex}.nav__brand{align-self:flex-start;font-size:1.5rem;z-index:1;justify-self:flex-start}.nav__navigation{display:flex;flex-direction:column;justify-content:center;font-size:2rem;position:fixed;top:0;right:0;width:100%;height:100vh;transform:translate(100%);transition:all .5s ease-in-out}.nav__navigation.isActive{backdrop-filter:blur(50px);transform:translate(0)}}.blur-circler,.lines-wrapper{position:relative;width:100%;height:100%}.blur-circler .floating-elements,.lines-wrapper .floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.blur-circler .floating-elements .circle,.lines-wrapper .floating-elements .circle{position:absolute;border-radius:50%;filter:blur(250px);width:clamp(180px,60vw,420px);height:clamp(180px,60vw,420px);z-index:0}.blur-circler .floating-elements .circle--1,.lines-wrapper .floating-elements .circle--1{top:-10%;left:-10%;background-color:var(--tertiary-color)}.blur-circler .floating-elements .circle--2,.lines-wrapper .floating-elements .circle--2{right:-10%;bottom:-10%;background-color:var(--quertiary-color)}.blur-circler .floating-elements .floating-line,.lines-wrapper .floating-elements .floating-line{position:absolute;width:clamp(180px,45vw,620px);height:clamp(180px,45vw,620px)}.blur-circler .floating-elements .floating-line--1,.lines-wrapper .floating-elements .floating-line--1{top:0;left:-20%}.blur-circler .floating-elements .floating-line--2,.lines-wrapper .floating-elements .floating-line--2{right:-20%;bottom:-20%}@media screen and (max-width: 768px){.blur-circler .floating-elements .circle--1,.lines-wrapper .floating-elements .circle--1{top:-20%;left:-20%}.blur-circler .floating-elements .circle--2,.lines-wrapper .floating-elements .circle--2{right:-20%;bottom:-20%}}@media screen and (max-width: 480px){.blur-circler .floating-elements .floating-line--1,.blur-circler .floating-elements .floating-line--2,.lines-wrapper .floating-elements .floating-line--1,.lines-wrapper .floating-elements .floating-line--2{display:none}}.home{overflow:hidden}.home__wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"content img";gap:50px;height:100%;min-height:900px}@media screen and (max-width: 768px){.home__wrapper{grid-template-columns:1fr;grid-template-areas:"content" "img";gap:30px;min-height:800px}}@media screen and (max-width: 280px){.home__wrapper{display:flex;min-height:none;height:100vh;max-height:700px}}.home__img{grid-area:img;width:100%;height:100%;display:flex}@media screen and (max-width: 768px){.home__img{justify-content:flex-end}}@media screen and (max-width: 576px){.home__img{justify-content:center}}.home__img__box{position:relative;width:clamp(200px,40vw,450px)}.home__img__box img{position:absolute;bottom:0;left:0;width:100%;object-fit:contain;z-index:1}.home__img__box img.img-profile{filter:grayscale(1)}.home__img__box svg{position:absolute;bottom:0;left:0;width:100%;height:max-content;z-index:1}.home__img__box svg path{fill:var(--primary-text-color)}@media screen and (max-width: 768px){.home__img__box{width:clamp(200px,40vw,300px)}}@media screen and (max-width: 576px){.home__img__box{width:clamp(220px,30vw,250px)}}@media screen and (max-width: 280px){.home__img{display:none}}.home__content{grid-area:content;display:flex;flex-direction:column;gap:30px;justify-content:center;color:var(--primary-text-color)}.home__content__welcome{line-height:1.2;width:max-content}.home__content__welcome .title{font-size:var(--title-section-font-size);font-family:var(--fontCodeLatin);text-transform:uppercase;background:-webkit-linear-gradient(0deg,var(--secondary-text-color),var(--quertiary-text-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home__content__welcome .title .guess-name{font-family:var(--fontNextDoor);font-size:clamp(1.5rem,4vw,3rem);text-decoration:line-through;line-height:0;color:var(--secondary-text-color)}.home__content__introduction{line-height:1.3;color:var(--primary-text-color);font-size:var(--p-font-size);max-width:420px}.home__content__cv{padding:10px 28px;width:max-content;background:linear-gradient(to right,var(--tertiary-color),var(--quertiary-color));border-radius:5px;color:var(--permanent-text-color);display:flex;align-items:center;gap:5px;transition:all ease .3s;font-weight:600}.home__content__cv:hover{transform:scale(.9)}.home__content__cv svg{font-size:var(--title-font-size-small)}@media screen and (max-width: 768px){.home__content{gap:15px}}.about{scroll-margin-top:150px}.about__wrapper{width:100%;max-height:500px;display:flex;justify-content:center;flex-direction:column;gap:50px}.about__info{width:100%;columns:350px 2;font-size:var(--p-font-size)}.service-card{display:flex;gap:15px;color:var(--permanent-text-color)}.service-card__icon svg{font-size:2rem}.service-card__content .content-title{line-height:1;margin-bottom:10px;font-size:var(--p-font-size)}.service-card__content .content-info{font-size:var(--p-font-size)}.service-card2{position:relative;display:flex}.service-card2:before,.service-card2:after{position:absolute;content:"";border-radius:50%}.service-card2:before{background-color:var(--primary-color);width:80px;height:80px;left:-40px;top:-25px}.service-card2:after{background-color:var(--tertiary-color);filter:blur(30px);width:50px;height:50px;left:-25px;top:-10px}.service-card2__icon{position:absolute;z-index:1;left:-40px;top:-25px;width:80px;height:80px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.service-card2__icon svg{font-size:2rem}.service-card2__content{position:relative;margin-left:80px}.service-card2__content .content-title{line-height:1;margin-bottom:10px;font-size:var(--title-font-size);font-weight:600;color:var(--secondary-text-color)}.service-card2__content .content-info{color:var(--primary-text-color);font-size:var(--title-section-font-size);font-weight:600;margin-top:20px;line-height:1}@media screen and (max-width: 768px){.service-card2__content .content-info{font-size:var(--title-font-size)}}@media screen and (max-width: 768px){.service-card2__content{margin-left:50px}.service-card2__content .content-info{font-size:var(--title-font-size)}}.services{scroll-margin-top:60px;position:relative;width:100%;padding:100px 0;background:linear-gradient(90deg,var(--tertiary-color) 0%,var(--quertiary-color) 100%);min-height:700px;display:flex;justify-content:center;align-items:center}.services__wrapper{width:100%;display:flex;justify-content:center;flex-direction:column;gap:50px}.container{position:relative;display:flex;gap:50px}.container .question{padding:50px 30px;max-width:300px;width:100%;background:var(--primary-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center}.container .question__title{font-size:var(--title-font-size);margin-bottom:20px;background:-webkit-linear-gradient(-45deg,var(--quertiary-text-color),var(--secondary-text-color),var(--primary-text-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 800px){.container{flex-direction:column;gap:100px}.container .question{max-width:none}}.service-cards-wrapper{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px}.service-cards-wrapper2{display:flex;flex-direction:column;gap:130px;position:relative}.service-cards-wrapper2:before{position:absolute;content:"";left:0;width:3px;border-radius:10px;height:100%;background:linear-gradient(0deg,transparent 0%,var(--tertiary-color) 20%,var(--quertiary-color) 80%,transparent 100%)}@media screen and (max-width: 768px){.service-cards-wrapper2{gap:80px}}.svg__first-line path{fill:var(--tertiary-color)}.svg__second-line path{fill:var(--quertiary-color)}.skill-icon{width:clamp(70px,10vw,100px);height:clamp(70px,10vw,100px);transition:all ease .3s}.skill-icon stop{transition:all .3s ease}.skill-icon stop:nth-child(1){stop-color:var(--tertiary-color);stop-opacity:1}.skill-icon stop:nth-child(2){stop-color:var(--quertiary-color);stop-opacity:1}.skill-icon:hover stop:nth-child(1){stop-color:var(--quertiary-color);stop-opacity:1}.skill-icon:hover stop:nth-child(2){stop-color:var(--tertiary-color);stop-opacity:1}.skills{scroll-margin-top:100px}.skills__wrapper{width:100%;min-height:500px;display:flex;justify-content:center;flex-direction:column;gap:50px}.skills__info{width:100%;columns:350px 2;margin-bottom:50px;font-size:var(--p-font-size)}.skills-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-items:center;gap:80px}@media screen and (max-width: 768px){.skills-cards-wrapper{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px}}.footer-wrapper{width:100%;display:flex;flex-direction:column;padding:100px 0}.footer-wrapper .footer-content{width:100%}.footer-wrapper .footer-content .info-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:100px;margin-bottom:50px}.footer-wrapper .footer-content .info-contact__item{box-sizing:border-box;overflow-wrap:break-word}.footer-wrapper .footer-content .info-contact__item__title{font-size:var(--p-font-size);font-weight:700;color:var(--secondary-text-color)}.footer-wrapper .footer-content .info-contact__item__info{font-size:.8rem;color:var(--primary-text-color);margin-top:5px}.footer-wrapper .footer-content .info-contact__item__info a:hover{color:var(--quertiary-text-color)}@media screen and (max-width: 768px){.footer-wrapper .footer-content .info-contact{gap:50px}}.footer-wrapper .copy-right{width:100%;border-top:1px solid var(--quertiary-color)}.footer-wrapper .copy-right .content{text-align:center;color:var(--primary-text-color);font-size:.8rem;padding-top:50px}.card{display:grid;grid-template:repeat(6,1fr)/repeat(6,1fr);width:100%}.card .box-img{position:relative;grid-area:1/1/6/6;transition:all .3s ease-in-out;transform-origin:left;height:280px}.card .box-img .eyes-icon{font-size:25px;transition:all .3s ease}.card .box-img img{width:100%;height:100%;object-fit:contain}.card .box-img:hover{z-index:2;transform:scale(1.2)}.card .box-img:hover .eyes-icon{opacity:0}.card .box-img:hover:after{background-color:#0000}.card .box-img:hover+.box-info{filter:blur(3px)}.card .box-info{position:relative;grid-area:2/2/7/7;backdrop-filter:blur(10px);z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;padding:20px;min-height:250px}.card .box-info__title{font-size:var(--title-font-size-small);font-weight:700;color:var(--primary-text-color)}.card .box-info__paragraph{font-size:var(--p-font-size);color:var(--primary-text-color)}.card .box-info__paragraph a{display:block;text-decoration:underline;margin-top:5px;transition:all}.card .box-info__paragraph a:hover{color:var(--quertiary-text-color)}.card .box-info__icons{display:flex;gap:10px}.card .box-info__icons .icon svg{width:25px;height:25px;opacity:1}.card .box-info:before,.card .box-info:after{content:"";position:absolute;width:25%;height:25%;transition:all .3s ease-in-out;pointer-events:none}.card .box-info:before{top:0;left:0;border-top:1px solid var(--quertiary-color);border-left:1px solid var(--quertiary-color);border-bottom:transparent;border-right:transparent}.card .box-info:after{bottom:0;right:0;border-bottom:1px solid var(--quertiary-color);border-right:1px solid var(--quertiary-color);border-top:transparent;border-left:transparent}.card:hover .box-info:before,.card:hover .box-info:after{width:115%;height:115%}.card-2{position:relative;padding:20px}.card-2:before,.card-2:after{content:"";position:absolute;width:25%;height:25%;transition:all .3s ease-in-out;pointer-events:none}.card-2:before{top:0;left:0;border-top:1px solid var(--tertiary-color);border-left:1px solid var(--tertiary-color);border-bottom:transparent;border-right:transparent}.card-2:after{bottom:0;right:0;border-bottom:1px solid var(--tertiary-color);border-right:1px solid var(--tertiary-color);border-top:transparent;border-left:transparent}.card-2 .box-info-2{margin-bottom:20px}.card-2 .box-info-2__title{font-size:var(--title-font-size-small);font-weight:700;color:var(--primary-text-color);margin-bottom:5px}.card-2 .box-info-2__title .icon{font-size:1.2rem}.card-2 .box-info-2__skills{font-size:.7rem}.card-2 .box-info-2__skills ul{display:flex;flex-wrap:wrap;gap:10px}.card-2 .box-info-2__skills ul li{color:var(--permanent-text-color);background:linear-gradient(90deg,var(--tertiary-color) 0%,var(--quertiary-color) 100%);padding:3px 5px;border-radius:5px;font-weight:600}.card-2 .box-images-2{width:100%}.card-2 .box-images-2 .img{width:100%;min-width:250px}.project__wrapper{width:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center;gap:50px}.project__cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:50px}@media screen and (max-width: 768px){.project__cards-wrapper{justify-content:center}}.down-up-btn{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:80px;height:80px;border-radius:50%;border-color:transparent;border-top:3px solid var(--secondary-color);z-index:5;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);animation:strokediv 5s ease 0s infinite normal forwards;transition:all .5s ease-in-out}.down-up-btn.isScrolling{left:90%;width:60px;height:60px;transform:translate(-50%) rotate(180deg)}.down-up-btn span{color:var(--primary-text-color);font-size:var(--p-font-size);transition:all .5s ease-in-out}.down-up-btn span svg{animation:downup 5s ease 0s infinite normal forwards}@keyframes downup{0%{transform:translate(0)}20%{transform:translateY(5px)}40%{transform:translateY(-5px)}60%{transform:translateY(5px)}80%{transform:translateY(-5px)}to{transform:translate(0)}}.down-up-btn:hover{background-color:var(--quertiary-text-color)}@media screen and (max-width: 428px){.down-up-btn{width:50px;height:50px}}@media screen and (max-width: 768px){.down-up-btn{top:85vh}.down-up-btn:hover{background-color:transparent}}.form-container{position:relative;border-radius:5px;overflow:hidden;min-height:700px}@media screen and (max-width: 428px){.form-container{min-height:600px}}.form-container form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 30px;gap:24px;max-width:500px;width:100%;z-index:3}.form-container form .input-box{position:relative;display:flex;flex-direction:column;gap:8px;font-size:var(--p-font-size);color:var(--primary-text-color);width:100%}.form-container form .input-box label{margin-left:16px}.form-container form .input-box input,.form-container form .input-box textarea{all:unset;padding:10px 16px;border:1px solid var(--secondary-color);border-radius:5px;font-weight:600;background-color:var(--primary-color);width:100%;box-sizing:border-box;color:var(--secondary-text-color)}.form-container form .input-box input::placeholder,.form-container form .input-box textarea::placeholder{color:var(--placeholder-text-color)}.form-container form .input-box textarea{resize:none}.form-container form .send-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:16px;width:100%;background:linear-gradient(to right,var(--tertiary-color),var(--quertiary-color));border-radius:5px;color:var(--permanent-text-color);font-size:var(--p-font-size);text-transform:uppercase;margin-top:10px;transition:all ease .3s;font-weight:600}.form-container form .send-btn:hover{transform:scale(.9)}.form-container form .send-btn.disabled{opacity:.5}.form-container form .send-btn.disabled:hover{transform:none;cursor:not-allowed}.contact{scroll-margin-top:50px;position:relative;width:100%;height:100vh;min-height:800px!important;margin-bottom:0!important;background:linear-gradient(90deg,var(--tertiary-color) 0%,var(--quertiary-color) 100%)}.contact__wrapper{position:relative;width:100%;min-height:500px;height:100%;display:flex;flex-direction:column;justify-content:center}:root{--fontCodeLatin: CodeLatin, sans-serif;--fontQuickSand: Quicksand, sans-serif;--fontNextDoor: NextDoor, cursive, sans-serif;--p-font-size: clamp(.8rem, 2vw, 1rem);--p-font-size-small: clamp(.6rem, 2vw, .8rem);--title-font-size: clamp(1.8rem, 2vw, 2rem);--title-font-size-small: clamp(1.2rem, 2vw, 1.5rem);--title-section-font-size: clamp(2.5rem, 3vw, 4rem);--placeholder-text-color: #636363;--permanent-text-color: #f1f6f9;--primary-color: #12111b;--secondary-color: #f1f6f9;--tertiary-color: #ae8cfa;--quertiary-color: #746cfe;--primary-text-color: #f1f6f9;--secondary-text-color: #ae8cfa;--tertiary-text-color: #12111b;--quertiary-text-color: #746cfe}@font-face{font-family:CodeLatin;src:url(../assets/fonts/Codelatin/MPLUSCodeLatin-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:NextDoor;src:url(../assets/fonts/NextDoor/TheGirlNextDoor-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:QuickSand;src:url(../assets/fonts/Quicksand/Quicksand-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:QuickSand;src:url(../assets/fonts/Quicksand/Quicksand-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:QuickSand;src:url(../assets/fonts/Quicksand/Quicksand-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:QuickSand;src:url(../assets/fonts/Quicksand/Quicksand-Regular.ttf);font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{font-family:var(--fontQuickSand);color:var(--primary-text-color);font-size:16px;background-color:var(--primary-color);scroll-behavior:smooth}.app-wrapper{position:relative;width:100%;overflow-x:hidden}.disabled{opacity:.5}.disabled:hover{transform:none;cursor:not-allowed}.section{position:relative;min-height:1px;width:100%;margin-bottom:250px}.section .section-title{display:inline-block;position:relative;font-family:var(--fontCodeLatin);font-size:var(--title-section-font-size);width:max-content;color:var(--primary-text-color);margin-bottom:50px}.section .section-title:before,.section .section-title:after{position:absolute;content:"";width:100%;bottom:-10px;left:0;height:2px;background-color:var(--secondary-color)}.section .section-title:after{background-color:var(--quertiary-color);width:100%;background:linear-gradient(90deg,var(--secondary-text-color),var(--quertiary-text-color),var(--primary-text-color))}@media screen and (max-width: 768px){.section{margin-bottom:100px}.section .section-title{margin-bottom:30px}}*{padding:0;margin:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none;color:var(--primary-text-color)}button{border:none;background:none;font-family:var(--fontQuickSand)}