@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100&family=League+Spartan:wght@300&family=Noto+Sans&family=Poppins:wght@100&family=Roboto+Mono&family=Roboto:wght@700&family=Rubik:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container-header-home{align-items:center;background-attachment:fixed;background-color:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.container-header-home__text-centrer{border-radius:10px;padding:.5rem;text-align:center}.container-header-home__machine_write{display:flex;justify-content:center}.container-header-home__text-centrer h1{-webkit-text-stroke:1px #ffeded;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3em;letter-spacing:5px;margin:0}.container-header-home__text-centrer h2{color:#fff;font-size:2.3em;letter-spacing:5px;margin:0}.container-header-home__text-centrer h2:hover~.inner{height:40px;width:40px}.container-header-home__text-centrer h2:first-letter{color:#100f0f;font-size:2.5em}.container-header-home__machine_write p{color:#100f0f;font-size:xx-large;font-weight:600;margin-left:10px}.container-header-home__machine_write p:first-letter{color:#fff;font-size:1.2em}.container-header-home__machine_write .text_machine_write{color:#100f0f;font-size:xx-large;font-weight:600;margin-left:10px}.container-header-home__machine_write .text_machine_write:first-letter{color:#fff;font-size:1.2em}.container-header-home .bubble{-webkit-animation:particles 15s linear infinite;animation:particles 15s linear infinite;-webkit-animation-duration:calc(120s/var(--i));animation-duration:calc(120s/var(--i));background-color:#4fc3dc;border-radius:50%;box-shadow:0 0 0 10px #4fc3dc44,0 0 50px #4fc3dc,0 0 100px #4fc3dc;height:20px;left:var(--l);position:absolute;width:20px}.container-header-home .bubble:nth-child(2n){background-color:#ff2d75;box-shadow:0 0 0 10px #ff2d7544,0 0 50px #4fc3dc,0 0 100px #4fc3dc}@-webkit-keyframes particles{0%{-webkit-transform:translateY(100vh) scale(0);transform:translateY(100vh) scale(0)}to{-webkit-transform:translateY(-70vh) scale(1);transform:translateY(-70vh) scale(1)}}@keyframes particles{0%{-webkit-transform:translateY(100vh) scale(0);transform:translateY(100vh) scale(0)}to{-webkit-transform:translateY(-70vh) scale(1);transform:translateY(-70vh) scale(1)}}.container-About-Me{background-color:#000;height:60vh;width:100%}.content-About-Me{align-items:center;display:flex;height:100%;justify-content:space-around;width:100%}.content-img-phot-About-Me{align-items:center;border-radius:5%;display:flex;height:90%;justify-content:center;object-fit:cover;position:relative;transition:all 1s;width:30%}.content-img-phot-About-Me:before{background-color:#1a1818;border-radius:inherit;bottom:10px;content:"";height:100%;position:absolute;right:10px;transition:all 1s;width:100%}.content-img-phot-About-Me:hover:before{background-color:gray;bottom:-10px;right:-10px}.content-img-phot-About-Me img{background-color:#fff;border:2px solid #fff;border-radius:inherit;height:100%;object-fit:cover;position:relative;width:100%}.content-About-Me-more{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:50%}.content-About-Me-more .title-About-Me h2{color:#ffeded;font-size:2.3em}.content-About-Me-text{word-wrap:break-word;color:#f9f9f9}.content-About-Me-text p{line-height:1.3}.content-About-Me-text p strong{color:#4fc3dc}.container-buttons,.container-buttons .button-cv{align-items:center;display:flex;justify-content:center}.container-buttons .button-cv{background-color:#000;border-radius:5px;color:#fff;cursor:pointer;overflow:hidden;padding:11px 35px;position:relative;text-decoration:none}.container-buttons .button-cv:before{-webkit-animation:Dowland 2s linear infinite;animation:Dowland 2s linear infinite;background-image:linear-gradient(90deg,#4158d0,#c850c0 46%,#ffcc70);border-radius:5px;content:"";height:80%;position:absolute;width:120%}.container-buttons .button-cv span{background-color:#000;border-radius:5%;inset:2px;position:absolute}.container-buttons .button-cv p{position:relative;z-index:10}@-webkit-keyframes Dowland{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Dowland{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container-buttons .button-direction-contact{align-items:center;border-radius:5px;box-shadow:0 0 8px #ff008e;color:#4fc3dc;display:flex;justify-content:center;margin-left:10px;outline:none;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all 1s ease-in-out}.container-buttons a p{position:relative;transition:all .01s;z-index:10}.container-buttons .button-direction-contact .about-me-contactcircle-1{background-color:#4fc3dc;color:#4fc3dc;justify-content:flex-end;right:-50%}.container-buttons .button-direction-contact .about-me-contactcircle-1,.container-buttons .button-direction-contact .about-me-contactcircle-2{align-items:center;border-radius:50%;display:flex;font-weight:500;height:10px;outline:none;overflow:hidden;position:absolute;transition:all 1s ease-in-out;width:10px}.container-buttons .button-direction-contact .about-me-contactcircle-2{background-color:#ff0063;color:#ff0063;justify-content:flex-start;left:-50%}.container-About-Me .button-direction-contact:hover{border:0}.container-buttons .button-direction-contact:hover .about-me-contactcircle-1{-webkit-animation:circleAbout1 1s linear forwards;animation:circleAbout1 1s linear forwards}.container-buttons .button-direction-contact:hover .about-me-contactcircle-2{-webkit-animation:circleAbout2 1s linear forwards;animation:circleAbout2 1s linear forwards}@-webkit-keyframes circleAbout1{0%{border-radius:50%;height:10px;right:-50%;width:10px}20%{border-radius:50%;height:10px;right:-30%;width:10px}40%{border-radius:50%;height:10px;right:0;width:10px}50%{border-radius:50%;height:10px;right:10%;width:10px}70%{border-radius:50%;height:10px;right:30%;width:10px}90%{border-radius:50%;height:10px;right:50%;width:10px}to{border-radius:0;color:#ff0063;height:100%;right:50%;width:100%}}@keyframes circleAbout1{0%{border-radius:50%;height:10px;right:-50%;width:10px}20%{border-radius:50%;height:10px;right:-30%;width:10px}40%{border-radius:50%;height:10px;right:0;width:10px}50%{border-radius:50%;height:10px;right:10%;width:10px}70%{border-radius:50%;height:10px;right:30%;width:10px}90%{border-radius:50%;height:10px;right:50%;width:10px}to{border-radius:0;color:#ff0063;height:100%;right:50%;width:100%}}@-webkit-keyframes circleAbout2{0%{border-radius:50%;height:10px;left:-50%;width:10px}20%{border-radius:50%;height:10px;left:-30%;width:10px}40%{border-radius:50%;height:10px;left:0;width:10px}50%{border-radius:50%;height:10px;left:10%;width:10px}70%{border-radius:50%;height:10px;left:30%;width:10px}90%{border-radius:50%;height:10px;left:50%;width:10px}to{border-radius:0;color:#4fc3dc;height:100%;left:50%;width:100%}}@keyframes circleAbout2{0%{border-radius:50%;height:10px;left:-50%;width:10px}20%{border-radius:50%;height:10px;left:-30%;width:10px}40%{border-radius:50%;height:10px;left:0;width:10px}50%{border-radius:50%;height:10px;left:10%;width:10px}70%{border-radius:50%;height:10px;left:30%;width:10px}90%{border-radius:50%;height:10px;left:50%;width:10px}to{border-radius:0;color:#4fc3dc;height:100%;left:50%;width:100%}}.container-buttons .button-direction-contact:hover p{opacity:0}@media (max-width:800px){.content-About-Me-text{font-size:medium}.content-img-phot-About-Me{width:45%}.content-img-phot-About-Me:before{height:0;width:0}}@media (max-width:650px){.content-About-Me-text p{font-size:small}.title-About-Me{font-size:.85em}.content-img-phot-About-Me{border-radius:0;display:none}}@media (max-width:420px){.container-About-Me{height:45vh}.content-About-Me-more{width:95%}.title-About-Me{font-size:.75em}}@media (max-width:380px){.container-About-Me{height:60vh}}.container-Contact{align-items:center;background-color:#000;display:flex;flex-direction:column;height:80vh;justify-content:space-around;overflow:hidden;width:100%}.content-Contact-title{color:#fff;margin-top:.75rem;width:100%}.content-Contact-form{background-color:#100f0f;border-radius:15px;height:70%;margin:auto;position:relative;width:40%}.content-Contact-form,.content-Contact-form form{display:flex;flex-direction:column;justify-content:center}.content-Contact-form form{align-items:center;inset:5px;position:absolute}.content-Contact-form .component-Contact-form{align-items:center;border-radius:10px;display:flex;justify-content:center;margin-top:1rem;width:90%}.component-Contact-form{border-radius:10px;overflow:hidden;position:relative}.component-Contact-form input{background-color:#000;border-radius:10px;box-sizing:border-box;outline:none;padding:8px 20px;width:100%}.component-Contact-form:first-child input{border:2px solid #ff008e;caret-color:#ff008e;color:#ff008e}.component-Contact-form:nth-child(2) input{border:2px solid #4fc3dc;caret-color:#4fc3dc;color:#4fc3dc}.component-Contact-form:nth-child(3) input{border:2px solid #eb1d36;caret-color:#eb1d36;color:#eb1d36}.form-Contact-textarea{border:2px solid #fff;box-sizing:border-box;height:30%;overflow:hidden}.form-Contact-textarea textarea{background-color:#000;color:#fff;height:100%;padding:8px 20px;width:100%}.component-button-Contact-form{margin-top:.5rem;width:90%}.component-button-Contact-form button{align-items:center;background-color:#100f0f;border:0;cursor:pointer;display:flex;justify-content:center;margin:auto;outline:none;overflow:hidden;padding:13px 15%;position:relative;transition:all 1s}.component-button-Contact-form button span{background-color:#100f0f;box-shadow:inset 20px 20px 20px #0000008c;inset:2px;position:absolute;transition:all 2s}.component-button-Contact-form button p{color:#a10035;position:relative;z-index:1}.component-button-Contact-form button:before{-webkit-animation:submitEmail 4s linear infinite;animation:submitEmail 4s linear infinite;background-color:#a10035;content:"";height:90%;position:absolute;-webkit-transform:rotate(15deg);transform:rotate(15deg);width:110%}@-webkit-keyframes submitEmail{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes submitEmail{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.component-button-Contact-form button:hover{box-shadow:0 .5em .5em -.4em #a10035;-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}.content-icon-contact{align-items:center;display:flex;margin-bottom:8px}.content-icon-contact ul{align-items:center;display:flex;justify-content:center;text-align:center}.content-icon-contact ul li{border-radius:50%;display:inline-block;margin-left:8px;margin-right:8px;text-align:center}.content-icon-contact ul li a{align-items:center;background-color:#eb1d36;border-radius:inherit;display:flex;height:40px;justify-content:center;position:relative;transition:all 1s;width:40px}.content-icon-contact ul li a img{margin:0;padding:0;position:relative;width:55%}.content-icon-contact ul li a:before{background-color:#100f0f;border-radius:inherit;content:"";height:inherit;position:absolute;-webkit-transform:scale(.9);transform:scale(.9);transition:all 1s;width:inherit;z-index:-1s}.content-icon-contact ul li a:hover:before{box-shadow:0 0 15px #a10035;-webkit-transform:rotate(1.1);transform:rotate(1.1)}.content-icon-contact ul li a:hover{-webkit-transform:translateY(-.55em);transform:translateY(-.55em)}@media (max-width:1100px){.content-Contact-form{width:50%}}@media (max-width:650px){.content-Contact-form{width:80%}}@media (max-width:500px){.content-icon-contact ul li a{height:30px;width:30px}.content-icon-contact ul li{margin-left:3px;margin-right:3px}.component-Contact-form form .form-Contact-textarea{font-size:small}.content-Contact-form{width:90%}}.container-Proyects{background-color:#000;display:flex;flex-direction:column;height:90vh;justify-content:space-between;position:relative;width:100%}.content-title-proyects{color:#fff;height:10%;justify-content:center}.content-proyects,.content-title-proyects{align-items:center;display:flex;width:100%}.content-proyects{background-color:#000;flex-direction:row;flex-wrap:wrap;height:90%;justify-content:space-around;overflow:hidden}.content-proyects .proyect{background-position:50%;background-repeat:no-repeat;background-size:cover;height:38%;margin:.2rem;overflow:hidden;position:relative;width:22%}.proyect .content-link-proyect{align-items:center;background-color:#000;border-right:3px solid #ff0063;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;right:99%;transition:all 2s;width:100%}.content-link-proyect{color:#fff}.content-link-proyect a{color:#ff0063;text-decoration:none}.proyect:hover .content-link-proyect{right:1%}@media (max-width:1000px){.content-proyects .proyect{width:30%}}@media (max-width:750px){.content-proyects .proyect{height:30%;width:40%}}@media (max-width:500px){.content-proyects .proyect{height:30%;margin:1px;width:48%}}.container-skills{height:70vh;justify-content:space-around}.container-skills,.content-skills{align-items:center;display:flex;overflow:hidden;position:relative}.content-skills{background-color:#ff4949;border-radius:5%;box-sizing:border-box;flex-direction:column;height:80%;justify-content:center;padding:.25rem;width:30%}.content-skills h3{color:#fff;font-size:1.9rem;position:relative;z-index:1}.scrolling-skills{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-around;position:relative;width:100%;z-index:1}.content-icon-skill{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:.15rem;width:20%}.content-icon-skill p{color:#4fc3dc;font-style:italic;font-weight:600;mix-blend-mode:difference}.content-icon-skill img{object-fit:cover;width:50%}.block-content-skills{background-color:#002b5b;height:100%;position:absolute;top:50%;width:33.33333%}.block-1{left:0;top:100%;transition:all 1s}.block-2{left:33.2%;top:100%;transition:all 2s}.block-3{left:66.5%;top:100%;transition:all 2.4s}.content-skills:hover .block-1,.content-skills:hover .block-2,.content-skills:hover .block-3{top:0}.content-about-education{background-color:#002b5b;border-radius:5%;height:80%;overflow:hidden;position:relative;width:30%}.curve-about-education{position:absolute;right:0;top:0;width:100%}.content-about-education>h3{color:#000;font-size:1.9em;position:relative}.content-about-education>h3:first-letter{color:#4fc3dc;mix-blend-mode:difference}.content-about-education ul{position:relative}.content-about-education ul li{line-height:2;list-style:none}.content-about-education ul li p{color:#4fc3dc;font-weight:500}@media (max-width:1100px){.content-about-education,.content-skills{width:40%}}@media (max-width:800px){.content-about-education,.content-skills{width:48%}.content-about-education:before{-webkit-animation-duration:1s;animation-duration:1s;height:0;width:0}@-webkit-keyframes ballsEducation{0%{background-color:#1363df;height:20%;width:20%}to{background-color:#4fc3dc;height:25%;width:25%}}@keyframes ballsEducation{0%{background-color:#1363df;height:20%;width:20%}to{background-color:#4fc3dc;height:25%;width:25%}}}@media (max-width:650px){.container-skills{flex-direction:column;justify-content:space-around}.content-about-education,.content-skills{border-radius:15px;margin-top:.5rem;width:80%}.content-icon-skill{width:15%}}@media (max-width:400px){.content-about-education,.content-skills{border-radius:15px;margin-top:.5rem;width:90%}.content-icon-skill{width:16%}.content-icon-skill p{font-size:small}}.Home{position:relative}.container-Footer{background-color:#fff;display:flex;height:45vh;justify-content:space-between;outline:none;overflow:hidden;position:relative;width:100%}.wave{color:#000;margin:0;padding:0;position:absolute;right:0;top:0;width:100%}.container-Footer .content-icon-contact{height:100%}.container-Footer .content-icon-contact ul{flex-direction:column}.container-Footer .content-icon-contact ul li{margin:5px}.content-Footer{height:100%}.content-Footer ul{display:flex;flex-direction:column;height:inherit;justify-content:center}.content-Footer{color:#000;font-weight:600}.container-menu{height:100%;width:100%}.content-menu{background-color:#100f0f;height:10%;position:fixed;width:100%;z-index:100}.content-menu nav{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.content-menu nav ul li{display:inline-block;height:auto;margin-left:.5rem}.activeLink,.content-menu nav ul li a:hover{border:1px solid #ff008e;box-shadow:0 0 8px #ff008e;color:#fff}.content-menu nav ul li a{box-sizing:border-box;color:#fff;display:block;list-style:none;padding:.6rem .75rem;text-decoration:none;transition:1s}.content-menu nav ul{height:auto;margin-right:1.5rem}.content-menu .logotipo-menu{height:100%;width:10%}.logotipo-menu img{height:100%;object-fit:cover;width:100%}.button-menu{border-radius:50%;display:none}@media (max-width:800px){.content-menu nav ul{background-color:#100f0f;margin-right:.2rem}.content-menu .logotipo-menu{width:18%}.content-menu nav ul li a{font-size:smaller}}@media (max-width:650px){.button-menu{align-items:center;display:flex;height:50%;justify-content:center;padding:.25rem;width:7%}.icon-burgegle{color:#ff008e;height:90%;width:90%}.content-menu nav ul{display:block;height:calc(100vh - 10%);position:absolute;top:100%;transition:all 1s ease;width:80%}.content-menu nav ul li{display:block;font-size:larger;margin:1rem 0 0}.content-menu nav ul li a{background-color:#000}.hidden-menu{right:100%}.show-menu{right:20%}}*{margin:0;padding:0}:root{--color_2:#fff}.App{background-color:#000;text-align:center}.App,body,html{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App{min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[class^=cursor]{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0;-webkit-transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translateZ(0);z-index:999}.cursor-outer{border:1px solid #fff;height:40px;width:40px}.cursor-inner{background-color:#fff;height:15px;mix-blend-mode:difference;width:15px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#000;width:100%}::-webkit-scrollbar-track{background-color:#100f0f}@media (max-width:800px){.cursor-inner,.cursor-outer{display:none}}
/*# sourceMappingURL=main.2c8d425a.css.map*/