.body-menu{flex-direction:column;position:fixed;z-index:999;background-color:#000716;width:18vw;min-width:200px;height:100vh;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.social-networks-container{display:flex;flex-direction:column;align-items:center;width:90%}.social-networks{display:flex;justify-content:space-around;width:90%;margin-bottom:25px}.social-networks a{cursor:pointer;color:#fff;font-size:2rem;transition:transform .3s ease}.social-networks a:hover{color:#00feff;transform:scale(1.3)}.contact{display:flex;justify-content:center;width:100%;margin-bottom:5px;margin-top:10px}.contact p{color:#005c9a}.containera{width:100%;height:0px;position:relative;border-bottom:solid 2px rgb(0,92,154);margin-bottom:10px;margin-top:10px}.circle{width:5px;height:5px;background-color:#00fdfe;border-radius:50%;position:absolute;top:1px;left:0;transform:translateY(-50%);animation:moveCircle 10s linear infinite;box-shadow:0 0 5px 5px #00fdfe80}.menu-component{width:80%}@keyframes moveCircle{0%,to{left:0}50%{left:100%}}@media only screen and (max-width: 1440px){.social-networks a{font-size:1.3rem}.button-menu div{font-size:25px}}@media only screen and (max-width: 768px){.body-menu{width:100%;height:70px;bottom:0%;background-color:#000}.menu-component,.contact{display:none}.social-networks a{font-size:1.5rem}}.container-button{display:flex;flex-direction:column;width:100%}.button-menu{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:none;border-radius:16px;border:solid 1px transparent;color:#fff;text-decoration:none;padding-left:16px}.button-menu:hover{background-color:#00434d}.buttonActive{color:#00feff}.button-menu h4{margin-left:16px}.button-menu div{font-size:28px}.container{position:relative;width:30px;height:40px;overflow:hidden}.text,.hover-text{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .4s ease}.hover-text{transform:translateY(100%)}.button-menu:hover .text{transform:translateY(-100%)}.button-menu:hover .hover-text{transform:translateY(0)}@media only screen and (max-width: 768px){.container-button{position:fixed;top:0%;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:50px;z-index:999;background-color:#000}.button-menu h4{display:none}.button-menu div{font-size:24px}.button-menu:hover{background-color:transparent}}.title-and-avatar{display:flex;align-items:center;justify-content:center;margin-bottom:50px;flex-direction:column}.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;padding:4px;position:absolute}.title{display:flex;flex-direction:column;align-items:start;margin-bottom:50px}.title h1{font-weight:700}.avatar-container{display:flex;align-items:center;justify-content:center;position:relative;padding:120px}.loader{position:absolute;box-shadow:2px 0 2px #00feff;width:205px;height:220px;border-radius:50%;top:50%;left:50%;animation:spin 10s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.salute{margin:auto;max-width:650px}@media only screen and (max-width: 768px){.title{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.title-and-avatar{margin-bottom:10px}}.date-education{display:flex;font-size:30px;color:#b6b6b6;width:50%}.education{display:flex;justify-content:center;margin:auto}.linea-horizontal{border-top:2px solid rgb(0,92,154);flex:1;margin:20px}.education-description{width:50%}.name-institute-container{display:flex;align-items:center}.name-institute-container button{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:transparent;color:#00feff;border:none;margin-left:10px;animation:intermitir 1.5s infinite alternate;border-radius:50%}.name-institute-container button:hover{cursor:pointer;scale:1.1}.pop-up{opacity:0;display:none;display:flex;align-items:end;justify-content:center;flex-direction:column;border-radius:16px;background-color:#000;position:fixed;width:50%;height:auto;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.pop-up img{width:100%}.pop-up.visible{opacity:1}.pop-up:hover{outline:solid 2px rgb(0,92,154)}.pop-up button{font-size:2 rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:10px;font-size:1.5rem;color:#fff;background-color:transparent;border:none}.pop-up button:hover{box-shadow:0 0 10px #00feff;color:#00feff;scale:1.2;cursor:pointer}.intermitente{box-shadow:0 0 10px #00000080;animation:intermitir 1.5s infinite alternate}.skills-container{display:flex;flex-wrap:wrap;font-size:5rem;width:auto;margin-bottom:4rem}.skills-container span p{margin:0%}.skills-container span{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;margin:10px;width:150px;height:150px;border-radius:8px;transition:transform .3s ease}.skills-container span:hover{transform:scale(1.1);cursor:pointer}.react{color:#61dafb}.js{color:#f7df1e}.css{color:#1572b6}.html{color:#e34f26}.java{color:#007396}@keyframes intermitir{0%{box-shadow:0 0 10px #00feff00}to{box-shadow:0 0 10px #00feff}}@media only screen and (max-width: 768px){.education{display:flex;justify-content:center;margin:auto;flex-direction:column}.date-education{flex-direction:column;width:100%}.date-education h3{font-size:.8rem;margin-left:20px}.education-description{width:100%}.linea-horizontal{margin-top:5px}.pop-up{width:90%}.name-institute-container{display:flex;justify-content:space-between}.skills-container span{margin:0}}.projects-container{margin:100px auto 20px}.video-container{display:flex;position:relative;width:100%;overflow:hidden;border-radius:8px;border:solid 1px rgb(0,92,154)}.video-container:hover{border:solid 1px rgb(90,247,255)}#video-ProThechnics{width:100%;border-radius:8px;margin:auto;cursor:pointer}#video-ProThechnics:hover{cursor:pointer}.menu-project{position:absolute;width:100%;height:100%;bottom:-110%;left:0%;background-Color:rgba(0,0,0,.9);padding:10px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:bottom .3s ease}.menu-project.active{bottom:-92%}.menu-project.activeVerMas{bottom:-5%}.button-project button{margin:0 20px 20px;background-color:transparent;border:none;border-radius:8px;color:#fff;height:40px;cursor:pointer;font-size:1.2rem}.button-project button a{color:#fff;text-decoration:none}.detail-project{width:90%;margin:auto}.technologies span{margin:20px;font-size:2rem}.extracto-projects{height:200px;margin:auto}@media only screen and (max-width: 1440px){.button-project button{margin:0 10px 10px;height:30px;font-size:1rem}.detail-project p{font-size:.8rem}}.head{display:none}@media only screen and (max-width: 768px){.head{display:block}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1a1a1a;overflow-x:hidden;overflow-y:scroll}#body{padding:0%;margin:0%}.body-container{position:relative;display:flex;flex-direction:column;background-image:url(/assets/6938839_3409297-6a16914e.jpg);width:82vw;min-height:100vh;height:100%;margin-left:18vw;background-size:cover;background-position:center;background-attachment:fixed}.opacity{display:flex;flex-direction:column;background-color:#000000b3;width:94%;min-height:100vh;margin:2vh auto;border-radius:12px;padding:5vw 10vw;box-sizing:border-box}h1{font-size:4rem;font-weight:400;color:#00fdfe;margin-top:0%}h2{font-size:3rem;font-weight:400;color:#fff;margin-top:5rem}h3{font-size:2rem;font-weight:400;color:#fff}h4{font-size:1.2rem;font-weight:400}p{font-size:1.3rem;color:#d6d6d6}.margin0{margin:0%}.fade-in{opacity:0;transition:opacity 2s ease-in-out}.fade-in.visible{opacity:1}.slide-down{border-top:solid 3px rgb(0,92,154);border-bottom:solid 3px rgb(0,92,154);border-radius:16px;padding:10px;max-height:0;overflow:hidden;transition:max-height 4s ease-in-out}.slide-down.visible{max-height:2000px}.mobile-in{display:none}@media only screen and (max-width: 1440px){p{font-size:1rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.3rem}h4{font-size:1rem}}@media only screen and (max-width: 768px){.body-container{width:100vw;margin-left:0%}.body-container-mobile{margin-top:50px}.opacity{padding:5vw 2vw}h1{font-size:2.5rem}}