@import"https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,500;1,200&display=swap";:root{--main-dark-green: rgb(6, 85, 97);--main-dark-color: #1e2326 --main-white: #ffffff;--main-teal: #32efef;--main-list-style: none}.frontWrapper{display:flex;flex-direction:column;align-items:center;padding-top:0;margin-top:3.8em;background:linear-gradient(180deg,rgb(6,85,97) 10%,rgba(24,114,93,.8) 90%),url(/assets/compute-84adf191.jpg) no-repeat center center fixed;background-blend-mode:normal;height:36em;background-size:80em;background-position-x:5em;background-size:cover}.frontContent{display:flex;flex-direction:column;align-items:center;border-radius:0 0 30px 30px;background-color:var(--main-dark-green);padding:2em 1em 0;color:#fff;max-height:25.5em}.imgFront{width:30%;border-radius:250px;width:90%;border:solid var(--main-teal) 5px;max-width:270px}.h3Front{text-align:center;margin:0 0 15px}.buttonDW{position:relative;width:180px;height:40px;cursor:pointer;display:flex;align-items:center;border:0px solid rgb(2,48,49);background-color:#023031;overflow:hidden;border-radius:8px;font-family:Work Sans;font-weight:100;letter-spacing:1.6px}.buttonDWMG{margin:2.6em auto 1em}.buttonDWPY{margin:1em auto}.buttonDW,.buttonDW__icon,.buttonDW__text{transition:all .4s}.buttonDW .buttonDW__text{transform:translate(6px);color:#fff;font-weight:600}.buttonDW .buttonDW__icon{position:absolute;transform:translate(135px);height:100%;width:50px;background-color:#106557;display:flex;align-items:center;justify-content:center}.buttonDW .svg{width:20px;margin-left:-9px}.buttonDW:hover{background:#106557}.buttonDW:hover .buttonDW__text{color:transparent}.buttonDW:hover .buttonDW__icon{width:210px;transform:translate(-12px)}.buttonDW:active .buttonDW__icon{background-color:#12abab}.buttonDW:active{border:2px solid #12abab}.socialIcons{display:flex;flex-direction:row;margin-top:1.5em}.socialIcons img{width:2em;margin:0 .5em}:root{--main-dark-green: rgb(6, 85, 97);--second-dark-green: rgb(4, 50, 56);--main-white: #ffffff;--main-teal: #32efef;--main-list-style: none}.aboutWrapper{margin-top:0;background-color:var(--second-dark-green);color:var(--main-white);padding:25px 0}.aboutContainer{margin:.7em 0 1em}.h1About{margin-top:0;padding-bottom:20px}.links{color:#b8fbfb}.links:visited{color:#b4fcfc}.p_about{text-indent:1.5em}.interestsContainer{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;gap:10px;justify-content:space-evenly}.interestIcon{width:3.6em;padding:10px;border:solid white 2px;border-radius:10px;transition:all .2s;z-index:900}.interestIcon:hover{background-color:#0a5e6b;cursor:pointer;padding:4px;width:4.35em}.h3-int{width:90%;margin:15px auto}.interestCard{display:flex;flex-direction:row;align-items:flex-start;width:87%;margin:10px auto 0;background-color:#065561;padding:13px 8px;border-radius:10px}.interestContent{display:flex;flex-direction:column}.interestContent h3{text-align:center}.scale-in-ver-center{animation:scale-in-ver-center .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes scale-in-ver-center{0%{transform:scaleY(0);opacity:1}to{transform:scaleY(1);opacity:1}}.scale-out-vertical{animation:scale-out-vertical .5s cubic-bezier(.68,-.55,.265,1.55) both}@keyframes scale-out-vertical{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:1}}.scale-in-icon{animation:scale-in-center .4s ease-in both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.cardArrow{width:20px;margin-right:10px;cursor:pointer}.cardText{font-size:.9em;margin:.7em 1em .7em .5em}.animate-icons{animation:scaleInIcons .8s forwards}@keyframes scaleInIcons{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.contenido-seccion{width:90%;margin:.7em auto .2em}.contenido-seccion h2{padding:20px}.skillsWrapper{color:#fff;padding:.1px 0;height:100%;background-image:url(../../../assets/keyboard.jpg);background-blend-mode:multiply;background-color:#12666f;background-size:cover;animation:animatedBackground 130s linear infinite alternate}.trsprnte{height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.skillsWrapper .skill{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.skillbarContainer,.skillLogo{display:flex;flex-direction:column}.skillbarContainer{width:75%}.skillbarContainer>span{font-family:Work Sans;display:block;margin:0 auto 10px;width:100%}.skillsWrapper .skill .barra-skill{height:8px;width:100%;background-color:#131517;position:relative;margin:0 auto 30px;border-radius:10px}.skillsWrapper .skill .progreso{background-color:#32efef;position:absolute;top:0;left:0;height:8px;border-radius:10px}.skillsWrapper .skill .barra-skill span{position:absolute;height:25px;width:25px;background-color:#32efef;border-radius:50px;line-height:40px;text-align:center;top:-9px;right:-15px;font-size:14px}.logoSkills{max-width:3em}.logoSkillsX{max-width:2.2em}.mongoDB{max-width:1.7em}.skillsWrapper .skill .javascript{width:0%;animation:2s javascript forwards}@keyframes javascript{0%{width:0%}to{width:85%}}.skillsWrapper .skill .htmlcss{width:0%;animation:2s htmlcss forwards}@keyframes htmlcss{0%{width:0%}to{width:90%}}.skillsWrapper .skill .react{width:0%;animation:2s react forwards}@keyframes react{0%{width:0%}to{width:77%}}.skillsWrapper .skill .nodeExpress{width:0%;animation:2s nodeExpress forwards}@keyframes nodeExpress{0%{width:0%}to{width:55%}}.skillsWrapper .skill .git{width:0%;animation:2s git forwards}@keyframes git{0%{width:0%}to{width:68%}}.skillsWrapper .skill .mongo{width:0%;animation:2s mongo forwards}@keyframes mongo{0%{width:0%}to{width:57%}}.skillsWrapper .skill .sql{width:0%;animation:2s sql forwards}@keyframes sql{0%{width:0%}to{width:70%}}.skillsWrapper .skill .docker{width:0%;animation:2s docker forwards}@keyframes docker{0%{width:0%}to{width:30%}}.skillsWrapper .skill .typescript{width:0%;animation:2s typescript forwards}@keyframes typescript{0%{width:0%}to{width:55%}}.skillsWrapper .skill .angular{width:0%;animation:2s angular forwards}@keyframes angular{0%{width:0%}to{width:35%}}.contenido-seccion>ul{width:90%;margin:10px auto;padding-bottom:20px}.contenido-seccion>ul>li{font-family:Work Sans;font-weight:300;margin-left:25px;margin-bottom:5px}ul>span{position:absolute;height:17px;width:17px;background-color:#32efef;border-radius:50px}:root{--main-dark-green: rgb(6, 85, 97);--main-dark-color: #1e2326;--second-dark-green: rgb(4, 50, 56);--main-white: #ffffff;--main-teal: #32efef;--main-list-style: none}.proyectsWrapper{width:100%;min-height:30em;background-color:#56979e;color:#fff;background-image:url(../../../assets/network.jpg);background-blend-mode:darken;background-color:#22e2f7;background-size:cover;animation:animatedBackground 130s linear infinite alternate}.trsprnteProyect{padding-bottom:1.6em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proyectsWrapper h2{padding-top:25px}.proyectsGallery{position:relative;display:flex;width:80%;height:400px;border-radius:10px;margin:1.3em auto 1em;transition:margin .5s ease}.proyectsGallery .GalleryContainer{width:0px;flex-grow:1;object-fit:cover;opacity:.8;transition:.4s ease;border:solid white 2px;display:block;z-index:1;border-radius:10px}.proyectsGallery .GalleryContainer:hover{cursor:pointer;width:230px}.GalleryContainer .proyectImgDsk{height:100%;width:100%;flex-grow:1;object-fit:cover;filter:brightness(.87);transition:filter .2s;border-radius:10px}.GalleryContainer .proyectImgDsk:hover{filter:brightness(1.1)}.show{position:absolute;top:0;width:auto;min-height:365px;padding:1em 2em;text-align:center;background:linear-gradient(rgba(28,182,152,1),rgba(28,182,152,1));border-radius:8px;display:flex;flex-direction:column;justify-content:space-evenly;font-size:18px;letter-spacing:3px;opacity:1;z-index:2;animation:infoCard .5s ease-in}@keyframes infoCard{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.show a img{width:35px;margin:0 4px 0 0}.overlay{position:absolute;top:0;width:100%;height:100%;text-align:center;background:linear-gradient(rgba(28,182,152,.9),rgba(28,182,152,.9));display:flex;flex-direction:column;justify-content:center;transition:1s;font-size:18px;letter-spacing:3px;opacity:0;z-index:-1}@media (min-width: 770px){.frontWrapper{background:linear-gradient(180deg,rgb(6,85,97) 0%,rgba(24,114,93,.8) 100%),url(/assets/compute-84adf191.jpg) no-repeat center center fixed;margin-top:4.5em;background-size:94em;background-position-x:0em;background-size:cover}.frontContent{padding:2em 2.7em .4em}.aboutWrapper,.trsprnte,.trsprnteProyect,.trsprnt{padding:2em 5.5em}.aboutWrapper p{line-height:1.7em;margin:.8em auto 1.5em}.h3-int,.contenido-seccion h3{margin:2.3em auto 1em}.interestCard{width:75%;margin:10px auto}.interestsContainer{column-gap:10px;row-gap:50px}.skillsWrapper{background-size:140%;animation:animatedBackground 40s linear infinite alternate}.proyectsWrapper{background-size:120%;animation:animatedBackground 35s linear infinite alternate}.contactWrapper{animation:animatedBackground .11s linear infinite alternate}.trsprnteProyect h2{padding-bottom:1.2em}.proyectsGallery{width:95%;margin:1.3em auto 2.2em}.formContainer{width:55%}.trsprnt h2{padding:10px 0}.formContainer{width:75%}.formContainer input,textarea{width:35em}.formContainer input[type=text]{width:25em}.col{width:85%;margin:auto}.logoSkillsX{max-width:2.9em}.logoSkills{max-width:4em}.mongoDB{max-width:1.9em}}.proyectsContainer-mv{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(3,1fr);gap:10px;margin:.8em 0 0;padding-bottom:25px}.repoInfoText{display:flex;flex-direction:column}.repoInfoText h3{text-align:center;font-size:1.25em;margin-top:2em}.proyects-mv-img{width:150px;max-height:140px;justify-self:center;grid-auto-columns:min-content;border-radius:10px;margin:.7em 0;border:solid 3px #0ec3c3}.repoCard a img{width:25px;margin:0 4px 0 0}.repoCard a{align-self:flex-end;margin:0}.repoCard{display:flex;flex-direction:row;align-items:flex-start;width:91%;min-height:22em;margin:1em auto 0;background-color:#117686;color:#fff;padding:13px 8px;border-radius:10px}.repoCardText{margin-bottom:1em;font-size:1em}.contactWrapper{background-image:url(../../../assets/contactbackground.jpg);background-blend-mode:multiply;background-color:#0a5660;background-size:150%;color:#fff;animation:animatedBackground 120s linear infinite alternate}@keyframes animatedBackground{0%{background-position:0 0}to{background-position:60% 40%}}.trsprnt{padding:1em 0;-webkit-backdrop-filter:blur(1.3px);backdrop-filter:blur(1.3px)}.formContainer{display:flex;justify-content:space-evenly;flex-direction:column;align-items:start;width:80%;margin:0 auto;padding:1em 0}.formContainer input{width:65%}.formContainer input,textarea{margin:8px 0;background-color:#023031;color:#fff;padding:7px 0 7px 7px;border-radius:8px;border:solid 2px rgb(2,48,49);font-family:RocknRoll One}.formContainer input:active,textarea:active{border:solid 2px white;background-color:#064e4f}.formContainer input:focus,textarea:focus{background-color:#064e4f}.formContainer input::placeholder,textarea::placeholder{color:#53fcfc}.requiredMessage{border-radius:8px;background-color:#53fcfc;color:#023031;padding:5px 9px;font-weight:400;font-size:12px;line-height:1.2em;margin:.2em 1em 1em;max-width:max-content}.formContainer .buttonSend{cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:10em;padding:7px;margin:10px auto 0;background-color:#023031;color:#fff;font-family:RocknRoll One;border:none;border-radius:8px}.formContainer button img{width:2em}.button{position:relative;width:150px;height:40px;cursor:pointer;display:flex;align-items:center;border:0px solid rgb(2,48,49);background-color:#023031;overflow:hidden;border-radius:8px;font-family:Work Sans;font-weight:100;letter-spacing:1.6px}.button,.button__icon,.button__text{transition:all .4s}.button .button__text{transform:translate(22px);color:#fff;font-weight:600}.button .button__icon{position:absolute;transform:translate(109px);height:100%;width:50px;background-color:#106557;display:flex;align-items:center;justify-content:center}.button .svg{width:20px;margin-right:15px}.button:hover{background:#106557}.button:hover .button__text{color:transparent}.button:hover .button__icon{width:210px;transform:translate(-25px)}.button:active .button__icon{background-color:#12abab}.button:active{border:2px solid #12abab}footer{background-color:#043238;min-height:5em;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em 0 1.1em}footer a img{margin:0 .5em;width:2em}footer p{font-family:RocknRoll One;color:#fff;width:auto;margin:1em auto;font-size:.8em;font-weight:100}.menuHam{width:10em;background-color:#32efef;border:solid 3px #0c9e9e}.menuHam li{font-family:Work Sans;font-weight:400;font-size:1.2em;border-radius:5px}.menuHam li:hover{background-color:#065561;color:#32efef}.hide-on-large-screen{display:block}.navbar{display:none;min-width:23em}.ul_navbar{display:flex;flex-direction:row;justify-content:space-between;width:100%}.ul_navbar li{color:#32efef;font-family:RocknRoll One}.ul_navbar li:hover{cursor:pointer;color:#fff;font-family:RocknRoll One}@media (min-width: 770px){header{align-items:center}.navbar{display:block}.hide-on-large-screen{display:none}}:root{--main-dark-green: rgb(6, 85, 97);--main-white: #ffffff;--main-teal: #32efef;--main-list-style: none}header{display:flex;flex-direction:row;justify-content:space-between;padding:1% 6%;background-color:var(--main-dark-green);position:fixed;top:0;width:88%;border-radius:0 0 10px 10px;z-index:1000}.nameTitle{margin:8px 0;color:var(--main-teal);letter-spacing:4px;cursor:pointer}body{margin:0}h1,h2{text-align:center;font-family:RocknRoll One;letter-spacing:2px}h3,p{font-family:Work Sans}h2{width:90%;margin:auto}h3{font-weight:500;font-size:1em}p{font-weight:300;width:90%;margin:.8em auto 1em;line-height:21px}a{cursor:pointer;text-decoration:none}ul{padding:0}ul li{list-style:none}p a:visited{text-decoration:none;color:#16d3d3}