.btn-on{transform:translate(0)}.btn-off{transform:translate(-100%)}.content-on{transform:translate(0)}.content-off{transform:translate(29rem)}.flex{display:flex;justify-content:center;align-items:center}.flex--column{display:flex;flex-direction:column;justify-content:center;align-items:center}.App{width:100%;min-height:100vh;background-color:#353353;overflow-x:hidden}.header-desktop{width:29rem;min-height:100vh;position:fixed;top:0;left:0;padding:4rem;display:flex;flex-direction:column;align-items:flex-start;border-right:#4a4865 1px solid;color:#fff;overflow-x:hidden;transition:var(--animation-6ms)}.header-mobile{position:relative;width:100%;padding:1rem 0;transition:var(--animation-6ms)}.header-mobile__container{max-width:54rem;display:flex;gap:3rem;margin:0}.main{position:relative;transition:var(--animation-6ms)}.profile-img{width:10.8rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-profile1);overflow:hidden;position:relative}.profile-img__image{width:90%;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.spacer{height:10rem;width:100%}@media (min-width: 576px){.header-mobile__container{margin:0 auto}}@media only screen and (min-width: 768px){.header-mobile__container{max-width:920px}}@media (min-width: 992px){.header-desktop{transform:translate(0);z-index:1}.header-mobile{display:none}.main{padding-left:29rem;transform:var(--trans-on-all-content)}}.nav-btn{width:4rem;aspect-ratio:1;background:none;border:none;margin-left:1rem}.nav-btn-hamburger{font-size:4rem;color:var(--color-withe);cursor:pointer}.nav{margin-top:13rem}.nav-menu{display:flex;flex-direction:column;gap:3rem}.nav-menu__link{color:var(--color-withe);font-weight:700}.nav-menu__link:hover{color:var(--color-yellow)}.nav-menu__icon{font-size:2.5rem;margin-right:2rem;color:var(--color-yellow)}.title{position:relative;z-index:1}.title__name{font-size:3.3rem;color:#fff}.home{width:100%;min-height:100vh;overflow:hidden;position:relative}.parallax-container{width:100%;min-height:100vh;position:absolute;top:0;left:0;transition:.3s}.home__slider{width:100%;min-height:calc(100vh - 6rem);flex-direction:column;position:relative;z-index:var(--z-100)}.home__title{margin-top:2rem}.home_inf-box{box-sizing:content-box;display:flex;max-width:30rem;height:3rem;margin-top:2rem;color:var(--color-withe)}.home__phrases{overflow:hidden}.home__phrase{display:block;align-items:center;justify-content:center;height:60%;padding-left:1rem;transform:translateY(200%);animation:spin_words 3s infinite}.home__botton{margin-top:2rem;position:relative}.home__scroll{margin-top:2rem;position:absolute;bottom:4rem}.home__p-scroll{color:var(--color-withe)}@keyframes spin_words{50%{transform:translateY(12%)}to{transform:translateY(-200%)}}@media (min-width: 992px){.parallax-container{transition:.1s}}.nav-social{width:100%;margin-top:2rem}.nav-social__content{gap:2rem;font-size:2.5rem}.nav-social__icon{color:var(--color-withe);transition:var(--animation-3ms)}.nav-social__icon:hover{color:var(--color-yellow)}.button{padding:1.2rem 3.2rem;font-weight:600;cursor:pointer;color:var(--color-withe);border-radius:3rem;background-color:#ff4c60;box-shadow:#0000 0 0 1px;transition:.4s}.button:hover{animation:btn-hover .4s}.mouse{width:2rem;height:2.6rem;margin-top:1rem;border:var(--color-withe) 1px solid;border-radius:1.6rem;position:relative}.mouse__wheel{width:.3rem;height:.5rem;border-radius:50%;position:absolute;background-color:var(--color-withe);left:50%;transform:translate(-50%);top:15%;opacity:1;animation:scroll 2s infinite;-webkit-animation:scroll 2s infinite}@keyframes scroll{to{opacity:0;top:70%}}@-webkit-keyframes scroll{to{opacity:0;top:70%}}.imgParallax{position:absolute;width:3rem;top:0;left:0;object-fit:cover}.imgParallax--1{top:6%;left:90%}.imgParallax--2{top:20%;left:60%}.imgParallax--3{top:25%;left:9%}.imgParallax--4{top:30%;left:30%;width:8rem}.imgParallax--5{top:30%;left:80%}.imgParallax--6{top:44%;left:70%}.imgParallax--7{top:50%;left:25%}.imgParallax--8{top:67%;left:8%}.imgParallax--9{top:70%;left:30%}.imgParallax--10{top:75%;left:85%}.imgParallax--11{top:86%;left:10%;width:6rem}.imgParallax--12{top:90%;left:70%}.about{width:100%;padding-top:11rem}.about__inf-container{width:100%;display:flex;flex-direction:column;position:relative}.about__title{position:relative;width:calc(100% - 8rem);z-index:1}.about__title:before{content:"";position:absolute;width:3.7rem;aspect-ratio:1;background:url(/assets/dots-bg-light.e2ba44d1.svg);background-color:#353353;z-index:0;top:-1.8rem;left:-1.8rem}.about__prof-img-box{width:25%}.profile-img--big{min-width:15rem;background-color:var(--color-profile2)}.about__inf-container{margin-top:4rem}.about__description{width:100%;margin-top:2rem;padding:0 1.5rem;position:relative}.about__description:before{content:"";position:absolute;width:2rem;height:1rem;top:-1rem;left:50%;transform:translate(-50%);border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:1rem solid #302f4e}.about__description-box{background-color:var(--color-content);box-shadow:0 5px 20px #4543601a;padding:3rem;border-radius:3rem}.about__description-text{color:var(--color-withe)}.about__button-cv{width:100%;height:5rem;display:flex;align-items:center;justify-content:flex-start;margin-top:1.5rem}.about__stats{width:100%}.about__progress-content{width:100%;color:var(--color-withe);margin-top:1.5rem}.about__progress-content--no-margin{margin-top:0}.about__progress[value]{margin-top:1rem;width:100%;height:.8rem;overflow:hidden;border-radius:.8rem;border:none;appearance:none}.about__progress[value]::-webkit-progress-bar{background-color:#fff}.about__progress[value]::-webkit-progress-value{background-color:var(--color-progress);border-radius:1rem}.about__progress[value]::-moz-progress-bar{background-color:var(--color-progress);border-radius:1rem}.about__progress[value]::-moz-progress-value{background-color:var(--color-withe)}@media (min-width: 576px){.about__container{max-width:540px}}@media (min-width: 768px){.about__description{width:75%}.about__description:before{left:0;top:50%;transform:rotate(-90deg)}.about__container{max-width:100%}.about__inf-container{flex-direction:row;padding:0 1rem}.about__description-box{display:flex;gap:2rem}.about__inf_column-left,.about__inf_column-rigth{width:50%}}@media (min-width: 992px){.about__container{max-width:960px}}@media (min-width: 1200px){.about__container{max-width:1140px}}.skills{width:100%;margin-top:11rem;display:flex;justify-content:center}.skills__container{width:100%;display:flex;flex-direction:column;align-items:center}.skills__title{position:relative;width:calc(100% - 8rem);z-index:1}.skills__title:before{content:"";position:absolute;width:3.7rem;aspect-ratio:1;background:url(/dots-bg-light.svg);background-color:#353353;z-index:0;top:-1.8rem;left:-1.8rem}.skills__content{width:100%;padding:0 2.5rem;margin-top:4rem}.skills__content-box{padding:0 1.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem}@media (min-width: 576px){.skills__container{max-width:540px}.skills__content-box{gap:6rem}}@media (min-width: 768px){.skills__container{max-width:100%}.skills__content-box{gap:4rem}}@media (min-width: 992px){.skills__container{max-width:960px}}@media (min-width: 1200px){.skills__container{max-width:1140px}.skills__content-box{gap:6rem}}.skill-card{min-width:5rem;min-height:5rem;box-sizing:content-box;display:flex;gap:1rem}.skill-card__icon{width:5rem;min-height:5rem;filter:invert(47%) sepia(7%) saturate(1025%) hue-rotate(204deg) brightness(92%) contrast(85%);transition:var(--animation-3ms) ease}.skill-card:hover .skill-card__icon{filter:var(--color-hover)}.skill-card__name-box{height:auto;display:flex;align-items:center}.skill-card__name{color:#717086;display:none;transition:var(--animation-3ms) ease}.skill-card:hover .skill-card__name{color:var(--color-hover-img)}@media (min-width: 768px){.skill-card__name{display:block}}.projects{width:100%;padding-top:11rem}.projects__container{width:100%;display:flex;flex-direction:column;align-items:center}.projects__title{position:relative;width:calc(100% - 8rem);z-index:1}.projects__title:before{content:"";position:absolute;width:3.7rem;aspect-ratio:1;background:url(/dots-bg-light.svg);background-color:#353353;z-index:0;top:-1.8rem;left:-1.8rem}.projects__content{width:100%;padding:0 2.5rem;margin-top:4rem;gap:4rem}@media (min-width: 576px){.projects__container{max-width:540px}}@media (min-width: 768px){.projects__container{max-width:100%}.projects__content{flex-direction:row;flex-wrap:wrap;align-items:flex-start}}.project-card{box-shadow:0 5px 20px #4543601a;background-color:#302f4e;border-radius:2rem}.project-card__link-img{width:100%;height:auto;display:block;position:relative}.project-card__link-img:hover:before{content:"";display:block;width:100%;height:100%;background-color:#00000080;border-top-left-radius:20px;border-top-right-radius:20px;position:absolute}.project-card__link-img:hover:after{content:"";display:block;width:7rem;height:7rem;background:url(/assets/link-icon.9eda8d23.svg);filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(105%) contrast(105%);background-size:7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card-img{border-top-left-radius:20px;border-top-right-radius:20px;display:block}.project-card__inf{align-items:flex-start;margin-top:1rem;padding-left:1rem;gap:1rem}.project-card__title,.project-card__description{color:var(--color-withe)}.project-card__tags{color:var(--color-withe);font-size:1.3rem}.project-card__links{height:2rem;margin:1.5rem 0;padding-left:1rem;justify-content:flex-start;gap:2rem}.project-card__link{width:2rem;height:2rem;position:relative}.project-card__a{width:2rem;height:2rem}.project-card__a:hover:before{content:"Ver sitio web";color:var(--color-withe);background-color:#727087;font-size:1.3rem;width:10rem;height:3rem;position:absolute;bottom:-207%;left:-200%;display:flex;justify-content:center;align-items:center;border-radius:.5rem}.project-card__a:hover:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:.8rem solid transparent;border-right:.8rem solid transparent;border-bottom:.8rem solid #727087;bottom:-57%}.project-card__a--text:hover:before{content:"Ver codigo"}.project-card__icon{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(105%) contrast(105%)}@media (min-width: 576px){.project-card{width:80%}}@media (min-width: 768px){.project-card{max-width:calc(50% - 10rem)}}@media (min-width: 992px){.projects__container{max-width:960px}}@media (min-width: 1200px){.projects__container{max-width:1140px}}.contact-me{width:100%;margin-top:11rem;display:flex;justify-content:center}.contact-me__container{width:100%;display:flex;flex-direction:column;align-items:center}.contact-me__title{position:relative;width:calc(100% - 8rem);z-index:1}.contact-me__title:before{content:"";position:absolute;width:3.7rem;aspect-ratio:1;background:url(/dots-bg-light.svg);background-color:#353353;z-index:0;top:-1.8rem;left:-1.8rem}.contact-me__content{width:calc(100% - 8rem)}.contact-me__box-img{min-width:20rem;max-width:33.333333%}.contact-me__form{width:100%;align-items:flex-start;gap:2rem}.contact-me__input-container{width:100%;display:block}.contact-me__input{width:100%;height:6rem;padding:1rem 3rem;border-radius:2rem;border:none;outline:none}.contact-me__input--textarea{max-width:100%;min-height:15rem}.contact-me__botton-box{display:block}.contact-me__botton{padding:1.2rem 3.2rem;font-weight:600;cursor:pointer;border:none;color:var(--color-withe);border-radius:3rem;background-color:#ff4c60;box-shadow:#0000 0 0 1px;transition:.4s}.contact-me__botton:hover{animation:btn-hover .4s}@keyframes btn-hover{50%{transform:scale(.8)}to{transform:scale(1)}}@media (min-width: 576px){.contact-me__container{max-width:540px}}@media (min-width: 768px){.contact-me__container{max-width:100%}.contact-me__input-container{padding:0 4rem}.contact-me__content{flex-direction:row;align-items:flex-start}.contact-me__form{max-width:66.66666%}.contact-me__botton-box{margin-left:4rem}}@media (min-width: 992px){.contact-me__container{max-width:960px}}@media (min-width: 1200px){.contact-me__container{max-width:1140px}}:root{--color-withe: #fff;--color-yellow: #f8cc5b;--color-content: #302f4e;--color-profile1: #fff7ba;--color-profile2: #47475d;--animation-3ms: .3s;--animation-6ms: .6s;--trans-on-formHeader: translateX(0);--trans-off-formHeader: translateX(-100%);--trans-on-all-content: translateX(0);--trans-off-all-content: translateX(29rem);--z-10: 10;--z-100: 100}*{margin:0;padding:0}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{font-size:16px;font-family:DynaPuff,cursive;background-color:#353353}ul{list-style:none}a{text-decoration:none}img{width:100%}