@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Press+Start+2P&family=Quicksand:wght@300..700&display=swap";@keyframes burgerAnimation{0%{transform:rotate(0)}to{transform:rotate(75deg)}}@keyframes menuAnimation{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}.header{height:4rem;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:3rem;position:relative;box-sizing:border-box;padding:0 20px}.header__logo{height:3rem;width:3rem;border:2px solid transparent;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3)}.header__language{display:flex;align-items:center;gap:.5rem}.header__language__logo{height:2rem;width:2rem;cursor:pointer}.header__language__logo--active{height:2.2rem;width:2.2rem;border:1px solid transparent;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3)}@media screen and (width <= 864px){.header__menu{display:none}.header__menu__burger{display:flex;height:2rem;width:2rem;position:absolute;top:1rem;right:1rem;color:#fff;cursor:pointer;z-index:1001;transition:.3s}.header__menu__burger:hover{color:#00b7ff}.header__menu__burger--active{transition:.3s;animation:burgerAnimation .3s forwards}.header__menu--mobile{z-index:1000;display:flex}.header__menu--mobile__content{display:flex;flex-flow:column;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;height:auto;width:320px;gap:1rem;position:absolute;top:.5rem;right:.5rem;background-color:#2c2c2c;animation:menuAnimation .3s forwards}.header__menu--mobile__content--inactive{display:none}}@media screen and (width >= 865px){.header__menu{display:flex;flex-flow:row;align-items:center;justify-content:center;height:100%;width:100%;gap:1rem}.header__menu--mobile{display:none}}.footer{display:flex;justify-content:center;align-items:center;height:1.5rem;width:100%;background-color:#2c2c2c;color:#f0f0f0;font-family:Manrope,serif;font-size:.7rem;box-sizing:border-box;padding:0 20px}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.effectTexts{margin-top:10%}.effectTexts .taping-text__letter{font-family:"Press Start 2P",system-ui;font-weight:400;font-size:4rem;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:fadeInText 1s linear forwards;margin-bottom:5rem}@media screen and (width <= 895px){.effectTexts .taping-text__letter{font-size:2rem}}@keyframes tapingText{0%{opacity:0}to{opacity:1}}.taping-text-container{width:100%;display:flex;justify-content:center;align-items:center}.taping-text__letter{display:inline-block;opacity:0;animation:tapingText .2s ease-in-out forwards}.error-page{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;gap:1rem;flex-grow:1}.error-page__status{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent}.error-page__status__code{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:8rem}.error-page__status__code--none{font-size:4rem}.error-page__message{color:#f2f2f2;font-size:2rem}@keyframes leg{0%{transform:translate(0)}25%{transform:translate(10%)}50%{transform:translate(0)}75%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes move{0%{transform:translate(0)}50%{transform:translate(160px)}to{transform:translate(0)}}@keyframes colorChange{50%{background-color:#1f3a93}}@keyframes pupil{0%{transform:translate(0)}25%{transform:translate(10%)}49%{transform:translate(10%);opacity:1}50%{transform:translate(10%);opacity:0}to{opacity:0}}@keyframes bottomChomp{0%{transform:rotate(30deg)}50%{transform:rotate(-45deg)}to{transform:rotate(30deg)}}@keyframes topChomp{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(-180deg)}to{transform:rotate(0)}}.loader{width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;flex-grow:1;background-color:#494949}.loader__text{color:#f2f2f2;font-family:"Press Start 2P",system-ui}.loader-container{margin:10% auto;text-align:center;color:#f2f2f2;font-family:Open Sans}.animation-container{margin-left:-160px}.ghost-container{height:29px;width:29px;display:inline-block;animation:move 5s linear 2s infinite}.pac-man-move-container{margin-left:30px;display:inline-block;animation:move 5s linear 2s infinite}.pac-man-container{height:30px;width:30px;display:inline-block;animation:spin 5s cubic-bezier(1,.05,1,-.32) 2s infinite}.pac-man-top,.pac-man-bottom{border:14px solid yellow;border-radius:50%;border-right-color:transparent}.pac-man-top{border-bottom-color:transparent;animation:topChomp .3s linear 2s infinite}.pac-man-bottom{margin-top:-100%;border-top-color:transparent;animation:bottomChomp .3s linear 2s infinite}.red .ghost-body,.red .ghost-leg{background-color:#e74c3c}.blue .ghost-body,.blue .ghost-leg{background-color:#5c97bf}.pink .ghost-body,.pink .ghost-leg{background-color:#d2527f}.orange .ghost-body,.orange .ghost-leg{background-color:#eb974e}.ghost-body{height:70%;border-radius:100% 100% 0 0;animation:colorChange 5s cubic-bezier(1,.05,1,-.32) 2s infinite}.ghost-legs-container{position:relative;height:30%;overflow:hidden}.ghost-leg{width:33.333%;height:100%;float:left;display:inline-block;border-radius:0 0 50% 50%;animation:leg .8s linear 2s infinite,colorChange 5s cubic-bezier(1,.05,1,-.32) 2s infinite}.eyes-container{position:relative;display:flex;justify-content:space-between;height:40%;top:30%;margin:0 10%}.eye{position:relative;display:flex;align-items:center;justify-content:center;float:left;background-color:#fff;height:100%;width:40%;border-radius:50%;overflow:hidden}.eye>.pupil{position:relative;background-color:#000;height:70%;width:70%;border-radius:50%;animation:pupil 5s linear 2s infinite}.skills{display:flex;flex-flow:row;justify-content:space-between;align-items:flex-start;width:100%;height:100%;gap:1rem}@media screen and (max-width: 1024px){.skills{flex-flow:column;justify-content:flex-start;align-items:flex-start}}.skills__block{display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 1024px){.skills__block{width:100%;margin-bottom:2rem}}.skills__block__title{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.skills__block__list{display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:.25rem}.projects{display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;height:100%;gap:1rem}@media screen and (max-width: 1024px){.projects{flex-flow:column;justify-content:flex-start;align-items:flex-start}}.projects__block{width:350px;max-width:350px;height:596px;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;gap:1rem;border:2px solid transparent;border-image:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 100;box-sizing:border-box;background-color:#2c2c2c;transition:.3s;margin:0 auto;margin-bottom:2rem}@media screen and (max-width: 1024px){.projects__block{width:100%;max-width:90%}}.projects__block__img{width:100%;height:300px;object-fit:cover;transform:rotate3d(1.5,1,.5,20deg);border:2px solid transparent;border-image:linear-gradient(to top,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 100;box-sizing:border-box;transition:.3s}.projects__block:hover{cursor:pointer;border-image:linear-gradient(to left,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 100;transition:.3s}.projects__block:hover .projects__block__img{border-image:linear-gradient(to bottom,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 100;transform:rotate3d(1.5,1,.5,-20deg);transition:.3s}.projects__block:hover .projects__block__text__stacks{display:flex;flex-flow:row;flex-wrap:wrap;align-items:flex-start;align-content:center;justify-content:center;position:absolute;top:0;left:0;transition:.4s}.projects__block__text{width:100%;min-height:50px;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:1rem;padding:.5rem;box-sizing:border-box;position:relative}.projects__block__text__title{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent}.projects__block__text__description{color:#f2f2f2;text-align:justify}.projects__block__text__stacks{display:none;width:100%;height:100%;background-image:linear-gradient(to top,#2c2c2ce6,#2c2c2c99,#fff6);background-color:#fffc;transition:.4s}.projects__block__btn{margin-bottom:1rem}@keyframes blink{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn{display:flex;align-items:center;justify-content:center;gap:2rem;width:200px;height:50px;background:transparent;border:1px solid transparent;border-image:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 1;box-sizing:border-box;cursor:pointer;transition:.3s;position:relative;overflow:hidden;transition:.4s}.btn:hover{border:1px solid transparent;border-image:linear-gradient(to left,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 1;box-sizing:border-box;transform:scale(1.1);transition:.4s;background-color:#2c2c2c}.btn:hover .btn__text{text-shadow:1px 1px 4px #0ef3f3;transition:.4s}.btn-send{width:60%;margin:auto}.btn__text{color:#f2f2f2;font-size:1rem;font-weight:700;font-family:"Press Start 2P",system-ui;transition:.4s}.btn__icon{height:2rem;width:2rem;animation:blink 1.5s infinite}.btn__icon img{height:100%;width:100%}.btn:disabled:hover{border:1px solid transparent;border-image:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 1;box-sizing:border-box;background-color:transparent;transform:scale(1);cursor:not-allowed;transition:.4s}.btn:disabled:hover .btn__text{text-shadow:1px 1px 4px #161616;transition:.4s}.btn:disabled .btn__text{color:#414141}.input__group{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:Manrope,serif}.input__group__label{width:100%;font-weight:700;font-size:1.1rem;margin-bottom:5px;color:#f6f6f6}.input__group__label--center{text-align:center}.input__group__label--right{text-align:right}.input__group__label--left{text-align:left}.input__group__input{width:100%;height:2rem;border:#00b7ff .0625rem solid;background-color:#535353;padding:.25rem;font-size:1.2rem;color:#f2f2f2}.input__group__input--error{box-shadow:0 0 4px 2px red}.input__group__input:focus.input__group__input--error{outline-color:red}.input__group__icon{width:1.5rem;height:1.5rem;position:absolute;right:2rem;top:2rem;display:flex;align-items:center;justify-content:center}.input__group__icon__img{width:100%;height:100%}.select__container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.select__container .select{position:relative;width:100%;height:2.625rem;display:flex;align-items:center;justify-content:center;border:#00b7ff .0625rem solid;padding:.5rem;box-sizing:border-box}.select__container .select__label{width:100%;font-weight:700;font-size:1.1rem;margin-bottom:5px;color:#f6f6f6}.select__container .select__label--left{text-align:left}.select__container .select__label--center{text-align:center}.select__container .select__label--right{text-align:right}.select__container .select__input{width:0;height:0;opacity:0}.select__container .select__selected{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;color:#f2f2f2;cursor:pointer}.select__container .select__selected__img{width:1rem;transform:rotate(0);transition:.3s}.select__container .select__selected__img--open{transform:rotate(180deg);transition:.3s}.select__container .select__options{width:100%;max-height:16rem;overflow:hidden;overflow-y:auto;position:absolute;top:2.7rem;z-index:11;background-color:#535353;border:#00b7ff .0625rem solid;border-top:none;padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem}.select__container .select__options__option{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;padding:.5rem;box-sizing:border-box;color:#f2f2f2;cursor:pointer}.select__container .select__options__option:hover,.select__container .select__options__option--focused{background-color:#dcdcdc;color:#1d1d1d}.select__container .select__options__option--selected{background-color:#202020;color:#f2f2f2}.form{width:100%;height:fit-content;display:flex;flex-flow:row;justify-content:center;align-items:flex-start;gap:1rem;position:relative;box-sizing:border-box}@media screen and (max-width: 865px){.form{flex-flow:column}}@media screen and (max-width: 600px){.form{padding:.5rem}}.form__fieldset{min-height:436px;width:50%;display:flex;flex-flow:column;gap:1rem;box-sizing:border-box;padding:1rem;border:1px solid #00b7ff}@media screen and (max-width: 865px){.form__fieldset{width:100%}}.form__fieldset__legend{color:#00b7ff;font-family:Manrope,serif;font-size:1rem;font-weight:700;padding:0 10px}.form textarea{resize:none;background-color:#535353;border:#00b7ff .0625rem solid;color:#f2f2f2;font-family:Manrope,serif;font-size:1rem;padding:.5rem}@keyframes fadeIn{0%{height:0;width:0;transform:rotate3d(0,0,4,-90deg);opacity:0;border-radius:100%}to{height:100%;width:100%;transform:rotate3d(0,0,4,0);opacity:1;border-radius:0}}.project__title{text-align:center;margin-bottom:20px;font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent}.project__carousel{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:90%;margin:0 auto;margin-bottom:2rem}@media screen and (max-width: 600px){.project__carousel{max-width:100%}}.project__carousel__control{background:none;border:none;font-size:4rem;cursor:pointer;color:#fafafa;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.project__carousel__control:hover{color:#0ef3f3}.project__carousel .left{left:10px;z-index:10}.project__carousel .right{right:10px;z-index:10}.project__carousel__image-container{width:100%;height:400px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 980px){.project__carousel__image-container{height:300px}}@media screen and (max-width: 500px){.project__carousel__image-container{height:250px}}.project__carousel__image-container:before,.project__carousel__image-container:after{content:"";position:absolute;top:0;bottom:0;width:20%;z-index:2}.project__carousel__image-container:before{left:0;background:linear-gradient(to right,#24242499,#fff0)}.project__carousel__image-container:after{right:0;background:linear-gradient(to left,#24242499,#fff0)}.project__carousel__image{width:100%;max-height:400px;object-fit:contain;opacity:0}@media screen and (max-width: 500px){.project__carousel__image{object-fit:cover}}.project__carousel__image.fade-in{animation:fadeIn .8s ease-in-out forwards;animation-delay:0}.project__content{width:100%;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;width:90%;height:100%;gap:1rem;margin:0 auto}.project__content__description{max-width:100%;color:#f2f2f2;text-align:justify;margin-bottom:2rem}.project__content__details{width:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:2rem}.project__content__details__name{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.4rem}.project__content__details__list{display:flex;flex-flow:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:2rem}.project__content__details__list__item{height:3rem;width:3rem;margin:.5rem}.project__content__links{display:flex;flex-flow:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem;margin-top:2rem;margin-bottom:2rem}@media screen and (width <= 700px){.project__content{flex-flow:column}.project__content__description,.project__content__details{max-width:100%}}.project .goBack{width:min-content;margin-top:2rem}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none;font-family:Manrope,serif;font-optical-sizing:auto}*:not(button):not(a):not(button>span){cursor:default}body{background-color:#ececec}img{object-fit:cover}#root{height:100vh;max-width:1440px;background-color:#fff;margin:0 auto}.display-none{display:none;opacity:0}.title{width:100%;font-family:Quicksand,serif;font-optical-sizing:auto;font-size:1.3rem;text-align:center;margin-bottom:2rem}.title-light{color:#f0f0f0;font-family:Manrope,serif}.mt-2{margin-top:2rem}.container{width:100%;min-height:100%;margin:0 auto;background-color:#494949;box-sizing:border-box;position:relative;display:flex;flex-flow:column}.container--home{overflow:auto;scrollbar-width:thin}.container--home ::-webkit-scrollbar{width:2px}.container .header a{color:#f0f0f0;font-family:"Press Start 2P",system-ui;font-optical-sizing:auto;font-size:1.3rem}.container .header a:hover{color:#00f7ff}.container .header a.active{color:#00b7ff}.container .bg-dark{min-height:300px;width:100%;background-color:#222;border:1px solid transparent;border-image:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3) 100;box-sizing:border-box;color:#f8f8f8;padding:1rem}.outlet-container{width:100%;display:flex;flex-flow:column;flex-grow:1;box-sizing:border-box;padding:0 20px}@media screen and (max-width: 600px){.outlet-container{padding:0}}.d-column{display:flex;flex-direction:column;flex-grow:1}.g-2{gap:2rem}.mr-1{margin-right:1rem}.subsection__subtitle{font-family:Quicksand,serif;font-optical-sizing:auto;background:linear-gradient(to right,#00b7ff,#18a2d8,#6abddf,#0ef3f3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem}.stacks{width:60%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:auto}.stacks--row{width:100%}.stacks .stack{width:3rem;height:3rem;margin:1rem}.stacks .stack--small{width:1.5rem;height:1.5rem;margin:.5rem}.stacks .stack__img{width:100%;height:100%;transition:.5s}.stacks .stack__img--active{width:110%;height:110%;transition:.5s}