@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;400;500;600&family=Dancing+Script:wght@400;700&display=swap);#aboutMe .infoAboutMe{align-items:center;display:flex;flex-direction:column;padding:30px 5%}#aboutMe .infoAboutMe .profileImgContainer{position:relative}#aboutMe .infoAboutMe .profileImgContainer .profileImg{border-radius:50%;margin-bottom:20px;width:220px}#aboutMe .infoAboutMe .profileImgContainer .profileImgBorder{-webkit-animation:animateBg 2s ease infinite;animation:animateBg 2s ease infinite;background:linear-gradient(45deg,#323232 40%,#a1ebff 45%,#dbf3ff 55%,#323232 60%);background-size:800% 800%;border:2px solid #fff;border-radius:50%;-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:blur(3px);filter:blur(3px);height:224px;left:-4px;position:absolute;top:-4px;width:224px;z-index:-2}#aboutMe .infoAboutMe p{color:#fff;font-size:1.2em;margin-bottom:.5em;max-width:900px;text-align:center}footer{background-color:#202020;bottom:0;position:absolute;width:100%}footer .footerIcons .footerIcon{font-size:.8em;font-weight:100;margin:1px 15px 0;text-align:center}footer .footerIcons .footerIcon a{color:#fff;text-decoration:none}footer .footerIcons .footerIcon a i{margin-right:3px}footer .footerIcons .footerIcon a:hover{color:#2fcfff}@media(max-width:722px){.footerIcons{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px}}@media(min-width:722px){.footerIcons{display:flex;flex-direction:row;justify-content:center;padding:20px}}#home{height:100vh;width:100%}#home .bg-img{background-image:url(/static/media/wallpaper.600bf61f0db93a9e1640.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(2px) brightness(80%);filter:blur(2px) brightness(80%);height:100vh;position:absolute;width:100vw;z-index:-1}#home .arrowContainer{cursor:pointer;display:flex;margin:auto;translate:0 -220%;width:50px}#home .arrowContainer .arrowToScrollDown{border-bottom:5px solid #fff;border-left:5px solid #fff;height:45px;rotate:-45deg;transition:.3s;width:45px}#home .arrowContainer .arrowToScrollDownText{opacity:0;position:absolute;transition:.3s;translate:-30% 0;width:118px}#home .arrowContainer:hover .arrowToScrollDown{scale:1.1;transition:.3s}#home .arrowContainer:hover .arrowToScrollDownText{color:#fff;display:flex;font-weight:500;opacity:1;position:absolute;transition:.5s;translate:-30% 20px;width:118px}#home .mainContent{display:flex;flex-direction:column;height:100%;justify-content:center}#home .mainContent .line-1{border-right:2px solid #fff;color:#fff;font-size:calc(1em + 3vw);margin:0 auto;overflow:hidden;text-align:center;text-shadow:3px 3px 0 #000;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}#home .mainContent .anim-typewriter-EN{-webkit-animation:typewriter-EN 1.5s steps(19) .2s 1 normal both,blink-caret .5s step-end infinite;animation:typewriter-EN 1.5s steps(19) .2s 1 normal both,blink-caret .5s step-end infinite}@-webkit-keyframes typewriter-EN{0%{width:0}to{width:8em}}@keyframes typewriter-EN{0%{width:0}to{width:8em}}#home .mainContent .anim-typewriter-ES{-webkit-animation:typewriter-ES 1.5s steps(21) .2s 1 normal both,blink-caret .5s step-end infinite;animation:typewriter-ES 1.5s steps(21) .2s 1 normal both,blink-caret .5s step-end infinite}@-webkit-keyframes typewriter-ES{0%{width:0}to{width:9.3em}}@keyframes typewriter-ES{0%{width:0}to{width:9.3em}}#home .mainContent .line-2{border-right:2px solid #71deff;color:#71deff;font-size:calc(1em + 3vw);font-weight:700;margin:0 auto;overflow:hidden;text-align:center;text-shadow:3px 3px 0 #000;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}#home .mainContent .anim-typewriter2{-webkit-animation:typewriter2 2s steps(21) .1s 1 normal both,blink-blue-caret .5s step-end .2s infinite;animation:typewriter2 2s steps(21) .1s 1 normal both,blink-blue-caret .5s step-end .2s infinite}@-webkit-keyframes typewriter2{0%{width:0}40%{width:0}to{width:9.2em}}@keyframes typewriter2{0%{width:0}40%{width:0}to{width:9.2em}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@-webkit-keyframes blink-blue-caret{0%,to{border-color:transparent}50%{border-color:#71deff}}@keyframes blink-blue-caret{0%,to{border-color:transparent}50%{border-color:#71deff}}#home .mainContent .navbarIcons{display:flex;flex-direction:row;justify-content:center;margin-top:calc(-10px - 1vw)}#home .mainContent .navbarIcons a{color:#fff;margin:0 10px;text-shadow:0 0 12px #000}#home .mainContent .navbarIcons a i{font-size:2em}#home .mainContent .popIcon{transition:.2s}#home .mainContent .popIcon:hover{scale:1.1;transition:.1s}#home .mainContent .pop1{-webkit-animation:dontShow 2.1s linear 1,pulse .3s linear 1.9s 1;animation:dontShow 2.1s linear 1,pulse .3s linear 1.9s 1}#home .mainContent .pop2{-webkit-animation:dontShow 2.3s linear 1,pulse .3s linear 2.1s 1;animation:dontShow 2.3s linear 1,pulse .3s linear 2.1s 1}#home .mainContent .pop3{-webkit-animation:dontShow 2.5s linear 1,pulse .3s linear 2.3s 1;animation:dontShow 2.5s linear 1,pulse .3s linear 2.3s 1}#home .mainContent .centeredDiv{-webkit-animation:showCvButton .5s ease 2.6s both;animation:showCvButton .5s ease 2.6s both;display:flex;justify-content:center;margin-top:5px;opacity:0;translate:0 20px}@-webkit-keyframes showCvButton{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes showCvButton{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@-webkit-keyframes dontShow{0%{opacity:0}95%{opacity:0}98%{opacity:.5}to{opacity:1}}@keyframes dontShow{0%{opacity:0}95%{opacity:0}98%{opacity:.5}to{opacity:1}}@-webkit-keyframes pulse{25%{-webkit-transform:scale(.8);transform:scale(.8)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{25%{-webkit-transform:scale(.8);transform:scale(.8)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media(max-width:670px){.arrowContainer{translate:0 -320%!important}}.languagesIcons{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto 50px auto auto;padding-bottom:40px;padding-top:30px;width:100%}.languagesIcons .squareIcons img{height:55px;width:55px}.languagesIcons .reactIcon img{height:65px;width:65px}.languagesIcons div{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:90px;justify-content:center;position:relative;transition:.6s;width:90px}.languagesIcons div img{-webkit-filter:saturate(100%);filter:saturate(100%);height:70px;width:70px}.languagesIcons div .photoshopIconImg{-webkit-filter:saturate(140%);filter:saturate(140%)}.languagesIcons div:hover{-webkit-filter:saturate(120%);filter:saturate(120%);scale:1.15;transition:.3s}.languagesIcons div:hover:before{-webkit-animation:animatedGlow 1s ease infinite;animation:animatedGlow 1s ease infinite;background-color:#fff;background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.576) 45%,hsla(0,0%,100%,.533) 55%,transparent 60%);background-size:400% 400%;border-radius:50%;content:"";-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:blur(3px);filter:blur(3px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}.languagesIcons div:hover .photoshopIconImg{-webkit-filter:saturate(140%);filter:saturate(140%)}@-webkit-keyframes animatedGlow{0%{background-position:100% 50%}to{background-position:50% 100%}}@keyframes animatedGlow{0%{background-position:100% 50%}to{background-position:50% 100%}}nav{position:fixed;top:0;width:100%;z-index:100}.navbarContainer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(29,29,29,.522);box-shadow:0 2px 5px rgba(0,0,0,.559);display:flex;height:56px;justify-content:center;padding:0}.navbarContainer ul{display:flex;flex-direction:row}.navbarContainer ul li{list-style:none;margin:15px;transition:.2s}.navbarContainer ul li:hover{letter-spacing:.5px;-webkit-transform:scale(1.05);transform:scale(1.05);transition:.2s}.navbarContainer ul li:hover:after{background:#fff;bottom:0;content:"";height:2px;left:50%;margin-left:-15px;position:absolute;translate:0 5px;width:40px}.navbarContainer ul li a{color:#fff;font-family:Barlow,sans-serif;font-size:1.3em;font-weight:500;text-decoration:none}@-webkit-keyframes dontShowNavigation{0%{opacity:0}to{opacity:1}}@keyframes dontShowNavigation{0%{opacity:0}to{opacity:1}}.languageChangerContainer{position:absolute;right:20px;top:14px}.switch{border-radius:21px;box-shadow:2px 2px 0 #000;display:inline-block;height:25px;position:relative;scale:.9;width:55px;z-index:9}.switch .languageText{font-size:.8em;font-weight:700;position:absolute;z-index:9}.switch .round:before{box-shadow:1px 1px 5px rgba(0,0,0,.718);height:22px;translate:0 2px;width:22px}.translateToEN{-webkit-animation:transformTextToEN .4s ease both;animation:transformTextToEN .4s ease both}@-webkit-keyframes transformTextToEN{0%{translate:9.7px 9px}to{translate:35.1px 9px}}@keyframes transformTextToEN{0%{translate:9.7px 9px}to{translate:35.1px 9px}}.translateToES{-webkit-animation:transformTextToES .4s ease both;animation:transformTextToES .4s ease both}@-webkit-keyframes transformTextToES{0%{translate:35.1px 9px}to{translate:9.7px 9px}}@keyframes transformTextToES{0%{translate:35.1px 9px}to{translate:9.7px 9px}}.switch input{height:0;opacity:0;width:0}.slider{background:linear-gradient(#ff4e4e 30%,#ffff87 0,#ffff87 70%,#ff4e4e 0);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background:linear-gradient(#ff4e4e 10%,#f0f0f0 0,#f0f0f0 20%,#ff4e4e 0,#ff4e4e 30%,#f0f0f0 0,#f0f0f0 40%,#ff4e4e 0,#ff4e4e 50%,#f0f0f0 0,#f0f0f0 60%,#ff4e4e 0,#ff4e4e 70%,#f0f0f0 0,#f0f0f0 80%,#ff4e4e 0,#ff4e4e 90%,#f0f0f0 0)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media(max-width:670px){.switch{scale:1.1}}.mobileMenu{cursor:pointer;display:flex;flex-direction:column;gap:8px;height:25px;left:25px;position:absolute;top:17px;z-index:11}.mobileMenu .bottomLine,.mobileMenu .middleLine,.mobileMenu .topLine{border-radius:5px;border-top:3px solid #fff;box-shadow:-2px 3px 0 #000;transition:.5s;width:30px}.mobileMenu .topLine{-webkit-animation:rotateTopToDefault .5s ease 1 both;animation:rotateTopToDefault .5s ease 1 both}.mobileMenu .middleLine{-webkit-animation:rotateMiddleToDefault .5s ease 1 both;animation:rotateMiddleToDefault .5s ease 1 both}.mobileMenu .bottomLine{-webkit-animation:rotateBottomLineToDefault .5s ease 1 both;animation:rotateBottomLineToDefault .5s ease 1 both}.mobileMenuOpened .topLine{-webkit-animation:rotateTop .5s ease 1 both;animation:rotateTop .5s ease 1 both}.mobileMenuOpened .middleLine{-webkit-animation:rotateMiddle .5s ease 1 both;animation:rotateMiddle .5s ease 1 both}.mobileMenuOpened .bottomLine{-webkit-animation:eraseBottonLine .5s ease 1 both;animation:eraseBottonLine .5s ease 1 both}@-webkit-keyframes rotateTop{0%{rotate:0}to{opacity:0;rotate:45deg;translate:0 11px}}@keyframes rotateTop{0%{rotate:0}to{opacity:0;rotate:45deg;translate:0 11px}}@-webkit-keyframes rotateMiddle{0%{rotate:0}to{box-shadow:-2px 2px 0 #000;rotate:-45deg}}@keyframes rotateMiddle{0%{rotate:0}to{box-shadow:-2px 2px 0 #000;rotate:-45deg}}@-webkit-keyframes eraseBottonLine{0%{translate:0 0}to{box-shadow:1px 2px 0 #000;rotate:45deg;translate:0 -10px}}@keyframes eraseBottonLine{0%{translate:0 0}to{box-shadow:1px 2px 0 #000;rotate:45deg;translate:0 -10px}}@-webkit-keyframes rotateTopToDefault{0%{rotate:45deg;translate:0 11px}to{rotate:0}}@keyframes rotateTopToDefault{0%{rotate:45deg;translate:0 11px}to{rotate:0}}@-webkit-keyframes rotateMiddleToDefault{0%{rotate:-45deg}to{rotate:0}}@keyframes rotateMiddleToDefault{0%{rotate:-45deg}to{rotate:0}}@-webkit-keyframes rotateBottomLineToDefault{0%{rotate:45deg;translate:0 -10px}to{translate:0 0}}@keyframes rotateBottomLineToDefault{0%{rotate:45deg;translate:0 -10px}to{translate:0 0}}.showMobileMenuContainer{-webkit-animation:showMobileMenuContainer .5s ease 1 both!important;animation:showMobileMenuContainer .5s ease 1 both!important}.mobileMenuContainer{-webkit-animation:notShowMobileMenuContainer .5s ease 1 both;animation:notShowMobileMenuContainer .5s ease 1 both;background:#1d1d1d;display:none;display:flex;height:100vh;left:-115%;position:absolute;top:0;width:100vw}.mobileMenuContainer ul{display:flex;flex-direction:column;margin-top:80px}.mobileMenuContainer ul li:hover:after{content:"";display:none}@-webkit-keyframes notShowMobileMenuContainer{0%{left:0}to{left:-115%}}@keyframes notShowMobileMenuContainer{0%{left:0}to{left:-115%}}@-webkit-keyframes showMobileMenuContainer{0%{left:-115%}to{left:0}}@keyframes showMobileMenuContainer{0%{left:-115%}to{left:0}}#projects .projectsGrid .project{background-color:#3c3c3c;border-radius:12px;padding:20px;position:relative}#projects .projectsGrid .project img{transition:.4s;width:100%}#projects .projectsGrid .project .projectButtons{display:flex;gap:20px;justify-content:center;margin-bottom:15px;margin-top:10px}#projects .projectsGrid .project .projectDescription{color:#fff;font-size:1em;text-align:center}#projects .projectsGrid .animatedBg:before{-webkit-animation:animateBg 5s ease infinite;animation:animateBg 5s ease infinite;background:linear-gradient(45deg,#000 40%,#a1ebff 45%,#dbf3ff 55%,#000 60%);background-size:800% 800%;border-radius:16px;content:"";-webkit-filter:brightness(1);filter:brightness(1);-webkit-filter:blur(3px);filter:blur(3px);height:calc(100% + 8px);left:-4px;position:absolute;top:-4px;width:calc(100% + 8px);z-index:-1}@-webkit-keyframes animateBg{0%{background-position:100% 50%}to{background-position:50% 100%}}@keyframes animateBg{0%{background-position:100% 50%}to{background-position:50% 100%}}@media(min-width:780px){.projectsGrid{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(409px,45%));justify-content:center;padding-bottom:40px;padding-top:30px}}@media(max-width:780px){.projectsGrid{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(1,100%);justify-content:center;padding-bottom:40px;padding-top:30px}}#education .infoEducation{align-items:center;display:flex;flex-direction:column;padding:30px 5%}#education .infoEducation p:nth-child(4){font-style:italic}#education .infoEducation p{color:#fff;font-size:1.2em;margin-bottom:.5em;max-width:900px;text-align:center}#education .infoEducation p strong{margin-right:5px;text-shadow:2px 2px 0 #000}#education .infoEducation p a{color:#fff;font-style:italic;font-weight:500;text-decoration:underline;text-shadow:2px 2px 0 #000}#education .infoEducation h3{color:#fff;font-weight:500;margin-bottom:10px;margin-top:20px;text-shadow:2px 2px 0 #000}#education .infoEducation .certifications{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}#education .infoEducation .certifications a p{color:#000;margin-bottom:0}*{font-family:Barlow,sans-serif;margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:55px}body{background-color:#323232;box-sizing:border-box;overflow-x:hidden;padding-bottom:calc(57px + 2em);position:relative}#aboutMe,#education,#languages,#projects{margin:0 5%}.sectionTitle{border-bottom:2px solid #71deff;box-shadow:0 3px 0 #000}.sectionTitle h2{color:#fff;font-weight:500;padding:25px;text-align:center;text-shadow:2px 2px 0 #000}.btn{border:0;border-radius:4px;box-shadow:-2px 2px 0 1px #000;cursor:pointer;padding:8px 15px}.btn,.btn p{transition:.3s}.btn p{font-size:1.2em;letter-spacing:1px}.btn p i{margin-right:8px}.btn:hover,.btn:hover p{translate:2px -2px}.btn:hover p{transition:.3s}.btn-cv{background-color:#fff;box-shadow:-2px 2px 0 1px #404040;color:#000;font-weight:500;padding:10px calc(12px + 2vw)}.btn-cv p{font-size:calc(12px + 1vw)}.btn-cv:hover{box-shadow:-5px 5px 0 1px #404040,inset 6px -6px 0 1px #e2e2e2,inset -3px 3px 0 1px #f0f0f0}.btn-code{background-color:#202020;color:#fff;font-weight:500}.btn-code:hover{box-shadow:-5px 5px 0 1px #000,inset 6px -6px 0 1px #1b1b1b,inset -3px 3px 0 1px #262626}.btn-website{background-color:#7de1ff;font-weight:500}.btn-website:hover{box-shadow:-5px 5px 0 1px #000,inset 6px -6px 0 1px #69caed,inset -3px 3px 0 1px #97eaff}.btn-js{background-color:#fbff25;font-weight:500}.btn-js:hover{box-shadow:-5px 5px 0 1px #000,inset 6px -6px 0 1px #fff200,inset -3px 3px 0 1px #fdff6a}.btn-frontend{background-color:#ffae17;font-weight:500}.btn-frontend:hover{box-shadow:-5px 5px 0 1px #000,inset 6px -6px 0 1px #ff9d14,inset -3px 3px 0 1px #ffb53f}@media(max-width:722px){body{padding-bottom:calc(111px + 2em)}}
/*# sourceMappingURL=main.8aa00a7d.css.map*/