@import"https://fonts.googleapis.com/css2?family=Gantari:wght@200;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap";h1{font-family:Fredoka One,cursive;font-size:3.5rem;color:#161616;font-weight:400}h2{font-family:Fredoka One,cursive;font-size:2.5rem;color:#161616;font-weight:400}h3{font-family:Fredoka One,cursive;font-size:1.65rem;color:#161616;font-weight:400}p{font-family:Gantari,sans-serif;font-size:1.125rem;color:#161616;font-weight:400}.text-white{color:#fff}.text-dark{color:#161616}.transparent{color:transparent!important;-webkit-text-stroke:1.5px #161616}.backend-text{color:#fff;font-family:Roboto Mono,monospace;text-decoration:none}@media (min-width: 0px){.backend-text{font-size:1rem}}@media (min-width: 992px){.backend-text{font-size:1.3rem}}.flex{display:flex}.white{color:#fff!important}.green{color:#83e18c!important}@media (max-width: 800px){h1{font-family:Fredoka One,cursive;font-size:2.5rem;color:#161616;font-weight:400}h2{font-family:Fredoka One,cursive;font-size:2rem;color:#161616;font-weight:400}h3{font-family:Fredoka One,cursive;font-size:1.4rem;color:#161616;font-weight:400}p{font-family:Gantari,sans-serif;font-size:1.125rem;color:#161616;font-weight:400}}@media (min-width: 801px){h1,h2{font-family:Fredoka One,cursive;font-size:2.5rem;color:#161616;font-weight:400}h3{font-family:Fredoka One,cursive;font-size:2rem;color:#161616;font-weight:400}p{font-family:Gantari,sans-serif;font-size:1.5rem;color:#161616;font-weight:400}}.contenedor-centro,.contenedor-completo,.contenedor-izquierda,.contenedor-derecha{margin:2.5rem 0;padding:2rem;border:.25rem solid #161616;display:flex;flex-direction:column}.contenedor-derecha{border-radius:1.6rem 0 0 1.6rem;justify-content:center;align-items:center}.contenedor-izquierda{border-radius:0 1.6rem 1.6rem 0;justify-content:center;align-items:flex-start;margin-left:1rem}.contenedor-completo{justify-content:center;align-items:flex-start;border:none;filter:drop-shadow(0 1.25rem #161616)}.contenedor-centro{border-radius:1.6rem;justify-content:center;align-items:center;filter:drop-shadow(1.25rem 1.25rem #161616)}@media (max-width: 800px){.contenedor-derecha{width:85%;align-items:flex-start}.contenedor-izquierda{width:65%}}section{display:flex;overflow-x:hidden}.logos{fill:#161616;margin-right:5%;margin-bottom:5%}@media (min-width: 0px){.logos{height:2rem}}@media (min-width: 992px){.logos{height:3rem}}.mostrar{display:block}.noMostrar{display:none!important}.hidden{opacity:0}.foto-mia{height:100%}.cartel{position:fixed;bottom:2rem;left:10%;padding:1rem;background-color:#5c499e;font-family:Gantari,sans-serif;font-size:1rem;color:#fff;font-weight:400;transition:all ease-in-out;border-radius:.2rem;width:70%;z-index:199}.alien-warning{position:fixed;z-index:200;bottom:2rem;right:10%;width:20%;height:auto;transition:all ease-in-out}header{height:5rem;background-color:#83e18c;border-bottom:3px solid #161616;display:flex;justify-content:center;align-items:center;padding:0 2rem;z-index:200;transition:all .5s linear}header .navbar{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2rem}header .navbar .logo-gonza{font-family:Fredoka One,cursive;font-size:1.375rem;color:#161616;font-weight:400;transition:all .3s ease-out;text-decoration:none}header .navbar .logo-gonza:hover{color:transparent;-webkit-text-stroke:1.5px #161616;cursor:pointer}header .navbar .menu-btn{position:relative;display:none;justify-content:center;align-items:center;height:30px;cursor:pointer;transition:all .5s ease-in-out}header .navbar .menu-btn__burger,header .navbar .menu-btn__burger:before,header .navbar .menu-btn__burger:after{width:50px;height:4px;background:#161616;border-radius:5px;transition:all .5s ease-in-out;margin:0}header .navbar .menu-btn__burger:before,header .navbar .menu-btn__burger:after{content:"";position:absolute;inset:0;margin:auto;width:30px}header .navbar .menu-btn__burger:before{transform:translateY(-10px)}header .navbar .menu-btn__burger:after{transform:translateY(10px)}header .navbar .menu-btn.open .menu-btn__burger,header .navbar .menu-btn.open .menu-btn__burger:before,header .navbar .menu-btn.open .menu-btn__burger:after{transform:translate(-50px);background:transparent;box-shadow:none}header .navbar .menu-btn.open .menu-btn__burger:before{transform:rotate(45deg) translate(35px,-35px);background:#161616}header .navbar .menu-btn.open .menu-btn__burger:after{transform:rotate(-45deg) translate(35px,35px);background:#161616}header .navbar .navbar-links{height:100%}header .navbar .navbar-links ul{display:flex;width:100%;justify-content:space-around;list-style-type:none;z-index:200}header .navbar .navbar-links li{margin-right:2rem}header .navbar .navbar-links li a{text-decoration:none;font-family:Fredoka One,cursive;font-size:1.2rem;color:#161616;font-weight:400;transition:all .3s ease-out}header .navbar .navbar-links li a:hover{color:transparent;-webkit-text-stroke:1.5px #161616}@media (max-width: 800px){.navbar{flex-direction:column;align-items:flex-start;position:relative;width:100%;transition:all 1s ease}.navbar .menu-btn{display:flex!important}.navbar .navbar-links{display:none;width:100vw;position:absolute;top:3rem;left:-2rem}.navbar .navbar-links ul{width:100%;height:7rem;flex-direction:column;background-color:#83e18c;padding-bottom:1rem;animation:fade-in-header .7s forwards;border-bottom:3px solid #161616}.navbar .navbar-links ul li{text-align:center}.navbar .navbar-links ul li a{padding:.5rem 1rem;color:#5c499e}.navbar .navbar-links.active{display:flex}}@media (min-width: 801px){.menu-btn{display:none}}footer{width:100vw;background-color:#83e18c;padding:3.125rem 3.125rem 1rem;margin-top:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}footer .triangle--left,footer .triangle--right{position:absolute;top:0;left:0;width:0;height:0;border-bottom:40vh solid transparent}footer .triangle--right{border-left:none;right:0;left:auto}footer .footer__ovni{fill:#161616;position:absolute;transform:rotate(2deg);transition:all ease-in-out;animation:floating 2s ease-in-out infinite;animation-delay:0ms}footer .footer-texto{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1rem;margin-top:3rem}footer .contacto{text-align:center;margin-bottom:1rem}footer .contacto p{font-family:Gantari,sans-serif;font-size:1.25rem;color:#161616;font-weight:400;font-weight:600}footer .contacto .redes{display:flex;justify-content:center;margin-bottom:.7rem}footer .contacto .redes .logos-redes{fill:#5c499e}footer .contacto .redes .logos-redes:first-child{margin-right:2rem}footer .contacto .redes .logos-redes:hover{cursor:pointer;fill:#161616}footer .contacto span{color:#5c499e;font-size:1rem;font-family:Gantari,sans-serif;font-weight:700}footer .formulario{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}footer .formulario p{font-family:Gantari,sans-serif;font-size:1.25rem;color:#161616;font-weight:400;font-weight:600}footer .formulario form{display:flex;justify-content:space-between;flex-wrap:wrap}footer .formulario form input,footer .formulario form textarea{width:45%;margin-top:1rem;padding:.375rem .375rem .375rem 1rem;border:none;border-radius:1rem;background-color:#fff;font-size:1rem}footer .formulario form input::placeholder,footer .formulario form textarea::placeholder{font-family:Gantari,sans-serif;font-size:1rem;color:#5c499e;font-weight:400}footer .formulario form textarea{width:100%;padding-top:1rem}footer .formulario form .ovni-container{width:100%;display:flex;justify-content:center}footer .formulario form .ovni-container .ovni-submit{margin-top:-4rem;fill:#5c499e;width:3.125rem;transform:rotate(2deg);animation:floating 2s ease-in-out infinite}footer .formulario form .submit{width:30%;height:2rem;padding:.2rem;margin:0 auto;margin-top:1rem;background-color:#5c499e;border:none;border-radius:1rem;text-align:center;display:flex;justify-content:center;font-family:Fredoka One,cursive;font-size:.8rem;color:#161616;font-weight:400;text-transform:uppercase}footer .formulario form .submit:hover{cursor:pointer;color:#161616}@keyframes pulse{50%{transform:scaleX(1.1) scaleY(1.1)}}footer p{text-align:center}footer .autoria{font-family:Gantari,sans-serif;margin-top:2rem;font-size:1rem}@media only screen and (min-width: 0px){footer .triangle--left,footer .triangle--right{border-left:calc((105vw - 20rem)/2) solid #ffffff}footer .triangle--right{border-right:calc((105vw - 20rem)/2) solid #ffffff;border-left:none}footer .footer__ovni{width:20rem;top:-13.5%}footer .footer-texto .footer-title{font-size:1.7rem}footer .footer-texto p{font-family:Fredoka One,cursive;font-size:1.25rem;color:#5c499e;font-weight:400;margin-top:.5rem}footer .formulario{width:100%}footer .formulario form{width:60%;min-width:300px}footer .contacto .redes .logos-redes{height:3rem;margin-top:.5rem}}@media only screen and (min-width: 992px){footer .triangle--left,footer .triangle--right{border-left:calc((105vw - 30rem)/2) solid #ffffff}footer .triangle--right{border-right:calc((105vw - 30rem)/2) solid #ffffff;border-left:none}footer .footer__ovni{width:30rem;top:-19.5%}footer .footer-texto .footer-title{font-size:2.7rem}footer .footer-texto p{font-family:Fredoka One,cursive;font-size:1.8rem;color:#5c499e;font-weight:400}footer .formulario{width:100%}footer .formulario form{width:35%;min-width:500px}footer .contacto .redes .logos-redes{height:3.6rem}footer p{font-size:1rem}footer p b{font-size:1.1rem}}@keyframes floating{0%{transform:translateY(0) rotate(2deg)}25%{transform:translateY(4px) rotate(2deg)}50%{transform:translateY(0) rotate(2deg)}75%{transform:translateY(4px) rotate(2deg)}to{transform:translateY(0) rotate(2deg)}}.index{flex-direction:row;align-items:center;justify-content:center;position:relative;height:90vh}.index .principal{width:75%;height:90%;background-color:#83e18c;margin:2.5rem 0 2.5rem -1.5rem;position:absolute;border:.25rem solid #161616;display:flex;filter:drop-shadow(1.25rem 1.25rem #161616);border-radius:1.6rem}.index .principal-textos{display:flex;flex-direction:column}.index .principal-textos p{font-family:Fredoka One,cursive;color:#161616}.index .principal-textos .creative{color:#fff;cursor:default;transition:all .3s ease-out;padding:0 .5rem;border-radius:5px}.index .principal-textos .text{font-family:Gantari,sans-serif;color:#5c499e}.index .principal-textos .about-me-button{background-color:#fff;color:#5c499e;text-decoration:none;font-family:Gantari,sans-serif;font-weight:700;width:fit-content;padding:.3rem .7rem;border-radius:8px}.index .principal-textos .about-me-button:hover{background-color:#83e18c;border:2px solid #5c499e;color:#161616;margin-top:0}.index .principal-textos .about-me-button i{font-size:12px}@media only screen and (min-width: 0px){.index .principal{flex-direction:column;justify-content:center;align-items:center;padding:2rem}.index .principal .foto-gonza{width:80%;height:auto;margin-bottom:2rem}.index .principal-textos{text-align:center}.index .principal-textos p{font-size:2.2rem;margin-bottom:1.6rem}.index .principal-textos p:first-child{font-size:1.8rem;color:#5c499e}.index .principal-textos p span{font-size:2rem;color:#5c499e}.index .principal-textos p .gonza-text{font-family:Fredoka One,cursive;font-size:2.3rem;color:#161616;font-weight:400;-webkit-text-stroke:1px #5c499e}.index .principal-textos p .creative{font-size:2rem;color:#fff;background-color:#5c499e}.index .principal-textos .text{font-size:1.3rem}.index .principal-textos .about-me-button{margin:auto}}@media only screen and (min-width: 992px){.index .principal{margin-top:2.5rem;flex-direction:row;align-items:center;justify-content:space-around;padding:0 2rem}.index .principal .foto-gonza{height:60%;width:auto}.index .principal-textos{align-content:flex-start;text-align:left;margin-left:3rem}.index .principal-textos p{font-size:3.5rem;margin-bottom:1rem}.index .principal-textos p:first-child,.index .principal-textos p span{font-size:2rem}.index .principal-textos p .gonza-text{font-size:2.2rem;-webkit-text-stroke:0px}.index .principal-textos p .gonza-text:hover{color:#161616;font-size:2.5rem;margin-right:.2rem;border-radius:5px;cursor:default;transition:all .3s ease-out}.index .principal-textos p .creative{font-size:3.5rem}.index .principal-textos p .creative:hover{color:#fff;background-color:transparent;-webkit-text-stroke:1.5px #5c499e;padding:0}.index .principal-textos .text{font-size:1.5rem}.index .principal-textos .about-me-button{margin-left:0}}.floating{animation:floating-section 2s ease-in-out infinite}.que-hago{flex-direction:column;align-items:flex-start;overflow:hidden;width:100vw}.que-hago-contenedor{width:100%;background-color:#e9d077;border-top:.25rem solid #161616}.que-hago-contenedor h2{margin-bottom:1rem}.que-hago-contenedor .contenido{width:100%}.que-hago-contenedor .contenido .animacion-servicios{border-radius:15px 40px;height:auto}.que-hago-contenedor .contenido .servicios__section{display:flex;flex-direction:column}.que-hago-contenedor .contenido .servicios__section__title{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem;margin-left:1rem}.que-hago-contenedor .contenido .servicios__section__title h3{margin-right:1rem;color:transparent;-webkit-text-stroke:1.5px #161616}.que-hago-contenedor .contenido .servicios__section__title .down-arrow{color:transparent;-webkit-text-stroke:1.5px #161616;transition:all linear .5s}.que-hago-contenedor .contenido .servicios__section__title .selected{color:#161616;-webkit-text-stroke:0px #161616}.que-hago-contenedor .contenido .servicios__section__title .up-arrow{transform:rotate(180deg)}.que-hago-contenedor .contenido .servicios__section .tecnologias__section{transition:all linear .5s;display:flex;flex-direction:column;padding-right:1.5rem;padding-left:1.5rem}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .tecnologias{display:flex;flex-direction:column;flex-wrap:wrap}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .tecnologias__tecnologia{display:flex;flex-direction:column;margin-bottom:1rem}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .tecnologias__tecnologia h3{color:#5c499e}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .tecnologias__tecnologia__logos{height:fit-content}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas{display:flex;justify-content:flex-end;align-items:center;align-self:flex-end;margin-bottom:2rem;background-color:#5c499e;color:#fff;width:fit-content;padding:.3rem .7rem;border-radius:8px}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas:hover{background-color:#fff;border:2px solid #5c499e;color:#5c499e;margin-top:0;cursor:pointer}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas p,.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas a{font-family:Gantari,sans-serif;font-size:1.125rem;color:#fff;font-weight:400;font-weight:700;text-decoration:none;margin-right:1rem}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas p:hover,.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas a:hover{color:#5c499e;cursor:pointer}.que-hago-contenedor .contenido .servicios__section .tecnologias__section .mas .arrow-right{transition:all .2s linear;margin-bottom:-.2rem}@media only screen and (min-width: 0px){.que-hago-contenedor .contenido{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.que-hago-contenedor .contenido .animacion-servicios{width:100%;margin-bottom:1.6rem}.que-hago-contenedor .contenido .servicios{width:100%}.que-hago-contenedor .contenido .servicios .tecnologias__tecnologia{max-height:70px}.que-hago-contenedor .contenido .servicios .tecnologias__tecnologia h3{font-size:1.2rem;margin-bottom:.5rem}.que-hago-contenedor .contenido .servicios .tecnologias__tecnologia__logos{height:fit-content}}@media only screen and (min-width: 992px){.que-hago-contenedor{padding-left:3.5rem}.que-hago-contenedor .contenido{flex-direction:row;align-items:center;justify-content:flex-start;transition:all ease-in-out}.que-hago-contenedor .contenido .animacion-servicios{width:50%;margin-right:4rem}.que-hago-contenedor .contenido .servicios{width:50%;margin-left:1rem}.que-hago-contenedor .contenido .servicios__section__title h3:hover{cursor:pointer;color:#5c499e}.que-hago-contenedor .contenido .servicios .tecnologias__section .tecnologias{flex-direction:row}.que-hago-contenedor .contenido .servicios .tecnologias__section .tecnologias__tecnologia{max-height:100px;margin-bottom:1rem;width:50%}.que-hago-contenedor .contenido .servicios .tecnologias__section .tecnologias__tecnologia h3{font-size:1.3rem;margin-bottom:.5rem}.que-hago-contenedor .contenido .servicios .tecnologias__section .tecnologias__tecnologia__logos{height:fit-content}.que-hago-contenedor .contenido .servicios .tecnologias__section .mas p,.que-hago-contenedor .contenido .servicios .tecnologias__section .mas a{font-family:Gantari,sans-serif;font-size:1.3rem;color:#fff;font-weight:400}}.modal{background-color:#000000e6;position:fixed;top:0;left:0;width:100vw;z-index:5;display:flex;justify-content:center;align-items:center;overflow:scroll}.frontend-modal{width:100vw;height:100vh;background-color:#161616;overflow:hidden;z-index:50}.frontend-modal .container{width:100%;height:90%;background-color:#161616;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:2rem;position:relative}.frontend-modal .container .compu{background-color:#5c499e;width:90%;height:90%;display:flex;justify-content:center;align-items:center;position:relative}.frontend-modal .container .compu .down-arrow-white{color:#fff;position:absolute;bottom:3rem;z-index:1000}.frontend-modal .container .compu .ovni-modal{position:absolute;width:4rem;z-index:4;top:0;left:0;background-color:#5c499e;padding:1rem;border-bottom:7px solid #161616;border-right:7px solid #161616;display:flex;justify-content:center}.frontend-modal .container .compu .ovni-modal .ovni-creativo{fill:#83e18c;position:relative}.frontend-modal .container .compu .ovni-modal .ovni-creativo:hover{left:-5px}.frontend-modal .container .compu .pantalla{width:95%;height:90%;background-color:#161616;display:flex;flex-wrap:wrap;overflow-y:scroll;overflow-x:hidden}.frontend-modal .container .compu .pantalla .proyecto{height:auto;overflow:hidden;position:relative;border:.5rem solid #161616;background-color:#161616}.frontend-modal .container .compu .pantalla .proyecto:hover{cursor:pointer}.frontend-modal .container .compu .pantalla .proyecto .proyecto__title{position:absolute;z-index:2;bottom:0;width:fit-content;background-color:#161616;width:50%;color:#83e18c;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding-left:.3rem;border-radius:0 .3rem 0 0}.frontend-modal .container .compu .pantalla .proyecto .proyecto__title:hover{color:#5c499e}.frontend-modal .container .compu .pantalla .proyecto img{width:100%;height:auto}.frontend-modal .container img{height:20%}.frontend-modal-contenedor{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#161616e6;overflow:hidden;z-index:70;display:flex;justify-content:center;align-items:center}.frontend-modal-contenedor .frontend__project{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#5c499e;position:relative}.frontend-modal-contenedor .frontend__project .cerrar-modal{font-family:Fredoka One,cursive;font-size:1.3rem;color:#83e18c;font-weight:400;position:absolute;right:5vw;top:1rem;z-index:70;text-decoration:none}.frontend-modal-contenedor .frontend__project .cerrar-modal:hover{color:#fff;cursor:pointer}.frontend-modal-contenedor .frontend__project h3{color:#83e18c;margin-top:2rem;margin-bottom:1rem;margin-left:3rem;align-self:start;text-align:start}.frontend-modal-contenedor .frontend__project .projectF-container{display:flex;width:100%}.frontend-modal-contenedor .frontend__project .projectF-container .devices{display:flex;justify-content:center;align-items:flex-end;margin-bottom:1rem}.frontend-modal-contenedor .frontend__project .projectF-container .devices__desktop{width:100%;position:relative;margin-right:2rem}.frontend-modal-contenedor .frontend__project .projectF-container .devices__desktop .desktop-img{width:75%;position:absolute;z-index:-1}.frontend-modal-contenedor .frontend__project .projectF-container .devices-mobile{width:25%;position:relative}.frontend-modal-contenedor .frontend__project .projectF-container .devices-mobile .mobile-img{width:90%;position:absolute;top:0;left:0;z-index:-1}.frontend-modal-contenedor .frontend__project .projectF-container .project-description{text-align:center;overflow:hidden;margin-bottom:1rem;color:#83e18c;display:flex;flex-direction:column}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .descripcion-frontend{text-align:left;overflow:hidden;margin-bottom:1rem;color:#fff}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies{width:100%}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos{width:100%;overflow:hidden}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos img{width:20%}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons{display:flex;justify-content:space-around;align-items:center}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons .boton-proyecto{display:flex;text-decoration:none;font-family:Gantari,sans-serif;font-size:1rem;color:#83e18c;font-weight:400;padding:.3rem .5rem;border:2px solid #83e18c;border-radius:.2rem .5rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons .boton-proyecto:hover{color:#5c499e;background-color:#fff;border:2px solid #ffffff;font-weight:700}@media only screen and (min-width: 0px){.proyecto{width:100%}.proyecto .proyecto__title{height:2rem;font-size:.7rem}.proyecto img{width:100%;height:auto}.frontend-modal-contenedor .frontend__project{height:auto;width:90%;border-radius:.5rem}.frontend-modal-contenedor .frontend__project .projectF-container{flex-direction:column;align-items:center;justify-content:center}.frontend-modal-contenedor .frontend__project .projectF-container .devices{width:90%}.frontend-modal-contenedor .frontend__project .projectF-container .project-description{width:70%;height:7%}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .descripcion-frontend{text-align:center}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies{margin-top:1.3rem;width:100%;display:flex;flex-direction:column;align-items:center}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies p{color:#83e18c;width:fit-content;font-weight:700;margin-bottom:.3rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos{width:100%;margin-bottom:1.3rem;display:flex;align-items:center;justify-content:center}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos img{width:10%;margin:.3rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons{width:100%}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons .boton-proyecto{margin-bottom:1.5rem}.frontend-modal-contenedor .frontend__project p{font-size:1rem}}@media only screen and (min-width: 992px){.proyecto{width:50%}.proyecto .proyecto__title{height:3rem;font-size:1.2rem}.proyecto img{width:100%;height:auto}.frontend-modal-contenedor .frontend__project{height:80%;width:80%;border-radius:.5rem}.frontend-modal-contenedor .frontend__project .cerrar-modal{right:2vw}.frontend-modal-contenedor .frontend__project .cerrar-modal:hover{color:#fff;cursor:pointer}.frontend-modal-contenedor .frontend__project h3{margin-left:10vw}.frontend-modal-contenedor .frontend__project .projectF-container{flex-direction:row;align-items:center;justify-content:space-around;padding:0 3rem}.frontend-modal-contenedor .frontend__project .projectF-container .devices{width:60%;margin-right:0}.frontend-modal-contenedor .frontend__project .projectF-container .devices__desktop{margin-right:1rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description{width:35%;height:100%;display:flex;flex-direction:column;padding:6% 0;justify-content:space-between;padding-bottom:1rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .descripcion-frontend{text-align:left;font-size:1rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies{margin-top:1.3rem;width:100%;display:flex;flex-direction:column;align-items:flex-start}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies p{color:#83e18c;width:fit-content;font-weight:700;margin-bottom:.3rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos{width:100%;margin-bottom:1.3rem;display:flex;align-items:center;justify-content:flex-start}.frontend-modal-contenedor .frontend__project .projectF-container .project-description__technologies__logos img{width:6%;margin:.3rem}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons{flex-direction:column;align-items:flex-end}.frontend-modal-contenedor .frontend__project .projectF-container .project-description .project__icons .boton-proyecto{margin-bottom:.5rem}.frontend-modal-contenedor .frontend__project p{font-size:1.3rem}}.pantalla--backend{width:95%;height:90%;background-color:#161616;display:flex;flex-direction:column;overflow-y:scroll;padding:1.2rem;filter:blur(4px)}.pantalla--backend .down-arrow-white-backend{color:#fff;position:absolute;bottom:3rem;right:2rem}.pantalla--backend h2{margin:1.6rem 0rem;font-size:1.5rem;color:#83e18c}.pantalla--backend h2 span{font-size:1.5rem;color:#fff}.pantalla--backend p{color:#83e18c}.pantalla--backend .backend__project{display:flex;flex-direction:column}.pantalla--backend .backend__project__title{display:flex;align-items:center;cursor:pointer}.pantalla--backend .backend__project__title .title-text-container{display:flex}.pantalla--backend .backend__project__title .title-text-container .title-text{color:#fff}.pantalla--backend .backend__project__title p{margin-left:.3rem}.pantalla--backend .backend__project__title .backend-arrow{color:#fff}.pantalla--backend .backend__project__description__container{margin-left:2.5rem}.en-proceso{background-color:#83e18c;font-family:Fredoka One,cursive;font-size:1rem;color:#5c499e;font-weight:400;text-align:center;position:fixed;top:40vh;width:60%;padding:2rem}.pantalla--creative{width:95%;height:90%;background-color:#fff;display:flex;flex-wrap:wrap;overflow-y:scroll}.pantalla--creative .proyecto--creative{aspect-ratio:1/1;overflow:hidden;position:relative;border:.5rem solid #161616}.pantalla--creative .proyecto--creative img{width:100%;height:auto}.pantalla--creative .proyecto--creative .proyecto__title{position:absolute;z-index:2;bottom:0;width:fit-content;background-color:#161616;width:100%;height:auto;padding:.2rem 0;color:#83e18c;overflow:hidden}.creative-modal__contenedor{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#161616;overflow:hidden;z-index:70;display:flex;justify-content:center;align-items:center}.creative-modal__contenedor .creative__project{display:flex;background-color:#5c499e;position:relative}.creative-modal__contenedor .creative__project__img{margin:1rem 0;border-radius:15px}.creative-modal__contenedor .creative__project__texts{display:flex;flex-direction:column;overflow:hidden;margin-bottom:2rem}.creative-modal__contenedor .creative__project__texts h3{color:#fff;text-align:center}.creative-modal__contenedor .creative__project__texts p{color:#83e18c;width:100%;text-align:center}.down-arrow-white-creative{color:#fff;position:absolute;bottom:3rem}.cerrar-modal-creativo{font-family:Fredoka One,cursive;font-size:1.3rem;color:#83e18c;font-weight:400;position:absolute;top:1rem;right:1rem;z-index:70}.cerrar-modal-creativo:hover{color:#fff;cursor:pointer}@media only screen and (min-width: 0px){.proyecto--creative{width:50%}.proyecto--creative .proyecto__title{font-size:.7rem}.creative-modal__contenedor .creative__project{flex-direction:column;align-items:center;justify-content:center;height:auto;width:90%}.creative-modal__contenedor .creative__project__img{width:80%}.creative-modal__contenedor .creative__project__texts{width:80%;justify-content:center;align-items:center}}@media only screen and (min-width: 992px){.proyecto--creative{width:33.3%}.proyecto--creative:hover{filter:grayscale(0);cursor:pointer}.proyecto--creative .proyecto__title{font-size:1.2rem}.creative-modal__contenedor .creative__project{flex-direction:row;align-items:center;justify-content:center;height:80%;width:80%;border-radius:.8rem}.creative-modal__contenedor .creative__project__img{height:80%;width:auto}.creative-modal__contenedor .creative__project__texts{width:30%;margin-left:3rem;justify-content:center;align-items:flex-start}.creative-modal__contenedor .creative__project__texts p{text-align:left}}@keyframes fade-in-header{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:.7}to{opacity:1}}@keyframes fade-in-alien{0%{left:-10%}}@keyframes rotate-alien{0%{transform:rotate(-1deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes floating-section{0%{transform:translateY(0)}25%{transform:translateY(4px)}50%{transform:translateY(0)}75%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes alienTaza{0%{transform:rotate(0)}25%{transform:rotate(.2deg)}50%{transform:rotate(0)}75%{transform:rotate(.2deg)}to{transform:rotate(0)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0);transform:translate(-80vw,-20vh)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes float{0%{transform:translateY(-4vh)}50%{transform:translateY(4vh)}to{transform:translateY(0)}}@keyframes toSubmit{to{transform:translateY(35vh) translate(-42vw)}}.about-me{background-color:#161616;display:flex;justify-content:center;align-items:center;width:100vw;height:91.4vh;overflow:hidden;position:relative;transition:transform .5s ease;transform-origin:center center}.about-me__subite{background-color:#161616;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3}.about-me__subite .alien-taza{position:absolute;left:10%;transform:translate(-10%);z-index:4;width:35%;height:auto}.about-me__subite button{z-index:5;position:absolute;left:26%;top:32.5%;transform:translate(-10%);width:10%}.about-me__subite .ovni-subite{width:70%;height:auto;animation:floating-section 2s ease infinite;margin-bottom:10%;transition:all ease .2s}.about-me__subite .ovni-subite:hover{cursor:pointer;width:75%}.about-me__interior{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100%;overflow:hidden;background-color:#5c499e}.about-me__interior #previous,.about-me__interior #forward{color:#fff;font-size:2rem;transition:all ease-in-out .2s;margin:0 1.5rem}.about-me__interior #previous:hover,.about-me__interior #forward:hover{cursor:pointer;color:#17e872;transform:scale(1.1)}.about-me__interior__reproductor{display:flex;width:80%;height:100%;align-items:center;justify-content:space-evenly}.about-me__interior__reproductor__pantalla{width:1200px;height:80%;background-color:#161616;top:5%;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-top:1%;border-radius:1.3rem}.about-me__interior .interior-ovni{z-index:2}.about-me__interior__pregunta{width:100%;height:100%;background-color:#161616e6;position:absolute;z-index:1;left:0;top:0;display:flex;justify-content:center;align-items:center}.about-me__interior__pregunta__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:20%;background-color:#5c499e;border-radius:1rem}.about-me__interior__pregunta__container p{margin-bottom:1rem;color:#fff;font-family:Walter Turncoat,cursive}.about-me__interior__pregunta__container .botones{width:50%;display:flex;justify-content:space-around}.about-me__interior__pregunta__container .botones button{width:45%;height:2rem;border-radius:.5rem;border:none;font-family:Walter Turncoat,cursive;font-weight:700}.about-me__interior__pregunta__container .botones button:hover{cursor:pointer}.about-me__interior__pregunta__container .botones #daleButton{background-color:#83e18c}.about-me__interior__pregunta__container .botones #daleButton:hover{background-color:transparent;color:#83e18c;border:2px solid #83e18c}.about-me__interior__pregunta__container .botones #noButton{background-color:#e33434;color:#fff}.about-me__interior__pregunta__container .botones #noButton:hover{background-color:transparent;color:#fff;border:2px solid rgb(227,52,52)}.about-me #music{position:absolute;right:20%;bottom:10%;padding:.3rem .5rem;border-radius:.5rem;border:2px solid #ffffff;background-color:transparent;color:#fff;transition:all ease .2s}.about-me #music:hover{cursor:pointer;background-color:#83e18c;color:#161616;border-color:#161616}.about-me #music:hover i{color:#161616}.about-me #music i{color:#fff}.about-me .playing{background-color:#83e18c!important;color:#161616!important;border-color:#161616!important}.music-player{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.music-player .music-container{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;position:relative;z-index:10}.music-player .music-container .music-info{background-color:#00000080}.music-player .music-container .music-info .progress-container{background-color:#fff;border-radius:5px;cursor:pointer;margin:10px 0;height:4px;width:100%}.music-player .music-container .music-info .progress-container .progress{background-color:#5c499e;height:100%;width:0%;transition:width .1s linear}.music-player .music-container .navigation{display:flex;align-items:center;justify-content:center;z-index:1}.music-player .music-container .navigation .action-btn{background-color:#fff;border:0;color:#83e18c;font-size:20px;cursor:pointer;padding:10px;margin:0 20px}.music-player .music-container .navigation .action-btn:focus{outline:0}.music-player .music-container .navigation .action-btn-big{color:#5c499e;font-size:30px}.story-container{display:flex;align-items:center;height:100%}.story-container__fragment{width:700px;height:550px;margin-right:200px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.story-container__fragment__img{height:80%}.story-container__fragment__img img{height:100%;width:auto}.story-container__fragment__img .freelance{transition:all ease-in-out .4s}.story-container__fragment__img .freelance:hover{cursor:pointer;transform:scale(1.05)}.story-container__fragment p{color:#fff;width:80%;text-align:center;font-family:Walter Turncoat,cursive}.story-container #firstFragment{margin-left:8300px}.ovni{fill:#161616;width:3.125rem;position:fixed;z-index:4;bottom:50vh;right:4vw}.ovni:hover{cursor:pointer;animation:shake .35s ease}@media only screen and (max-width: 768px){.ovni{display:none}}.language{display:flex;justify-content:flex-end;width:100vw;padding:1rem;margin-top:1rem}.language__buttons{margin-right:4vw;font-family:Gantari,sans-serif}.language__buttons__left,.language__buttons__right{background-color:#5c499e;color:#fff;text-decoration:none;padding:.3rem .3rem .3rem .5rem;border-top-left-radius:10px;border-bottom-left-radius:10px}.language__buttons__left:hover,.language__buttons__right:hover{background-color:#83e18c;color:#161616;font-weight:700}.language__buttons__right{border-radius:0 10px 10px 0/0px 10px 10px 0px;padding-left:.3rem;padding-right:.5rem}*{padding:0;margin:0;box-sizing:border-box;font-size:16px}html{scroll-behavior:smooth;width:100vw;overflow-x:hidden}body{overflow-x:hidden;position:relative;background-color:#fff}.alien-nuevo{position:absolute;width:150px;height:176px;top:200px;left:0;animation:fade-in-alien .7s forwards ease-out}