@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";*{font-family:Onest,sans-serif;margin:0;padding:0;list-style:none;box-sizing:border-box;text-decoration:none}body{overflow:hidden}.container-portafolio{display:flex;flex-direction:row;justify-content:end;height:100%}.container-nav{background-color:#27272a;color:#fff;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:fixed;left:0;top:0;bottom:0}.container-nav-first{text-align:center;padding:30px 0}.perfil-img{width:50%;height:auto;border:2px solid white;border-radius:50%;margin:10px 0}.h2-nav{font-size:1.7rem}.span-h2-nav{color:#ec9a1e}.container-nav-second{display:flex;flex-direction:column}.container-nav-second-movil{display:none}.navlink{color:#fff;font-size:1.7rem;margin:20px 0}.navlink:hover{color:#ec9a1e;transition:.4s ease}.container-nav-third{padding:40px 0;margin-top:100px}.container-nav-third a{font-size:1.8rem;color:#fff;margin:5px}.container-nav-third a:hover{color:#ec9a1e;transition:.4s ease}.container-main{width:80%;height:100%;background-image:linear-gradient(#000000b3,#0006),url(/Mi-Portafolio/assets/fondoMain-DzWnqLR2.jpg);background-size:cover;background-position:center;color:#fff}.container-home{height:100vh;width:100%;display:flex;flex-direction:column;text-align:center;justify-content:start}.title-name{font-size:6rem;font-weight:800;background:linear-gradient(90deg,#da2b51,#ec9a1e,#ffd900,#ff7d04,#f60);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 5s ease-in-out infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.subtitle-name{font-size:4rem;font-weight:400;padding:150px 0 25px;margin-top:50px}.container-arrow{width:100px;height:100px;text-align:center;display:flex;align-items:center;justify-content:center;margin:auto}.arrow-down{font-size:4rem;animation:bounce 1.5s infinite;color:#fff;cursor:pointer}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.main-container-aboutme{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column}.first-container-aboutme{background-color:#27272a;border-radius:15px;width:80%;height:auto;padding:50px;display:flex;flex-direction:column;align-items:center}.h1-aboutme{font-size:90px;margin:100px 0 20px;font-weight:800;background:linear-gradient(90deg,#da2b51,#ec9a1e,#ffd900,#ff7d04,#f60);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 5s ease-in-out infinite}.p-aboutme{font-size:2.1rem;font-weight:400;font-style:normal;letter-spacing:2px;line-height:1.2}.span-name{color:#ec9a1e}.button-aboutme{padding:20px;font-size:24px;background-color:transparent;border:1px solid #fff;color:#fff;border-radius:5px;background:linear-gradient(90deg,#da2b51,#ec9a1e,#ffd900,#ff7d04,#f60);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 5s ease-in-out infinite;cursor:pointer;margin-top:20px;transition:.2s ease-in}.button-aboutme:hover{transform:scale(1.02);border:#00eeff 1px solid}.main-container-projects{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.first-container-projects{background-color:#27272a;border-radius:15px;width:90%;height:auto;padding:50px;margin-bottom:30px}.h1-projects{font-size:90px;margin:100px 0 20px;font-weight:800;background:linear-gradient(90deg,#da2b51,#ec9a1e,#ffd900,#ff7d04,#f60);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 5s ease-in-out infinite}.container-projects{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px}.project-card{width:430px;height:550px;margin:10px;border:1px solid rgba(255,255,255,.1);background-color:#242323cc;border-radius:10px;transition:.2s ease-in}.project-card:hover{transform:scale(1.02)}.img-project{width:100%;height:45%;border-radius:10px 10px 0 0;filter:brightness(80%)}.h3-project{text-align:center;padding:20px 0;margin-top:15px;font-size:25px}.p-project{text-align:center;font-size:18x;width:380px;margin:auto;color:#8a8181}.tech-project{display:flex;justify-content:center}.tech{margin:20px 5px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background-color:#353434}.footer-project{display:flex;justify-content:center;align-items:center;padding:10px}.btn-code{width:120px;height:50px;font-size:18px;margin:0 10px;border-radius:10px;border:none;font-weight:600;color:#fff;background-color:#1db0bb;text-align:center;cursor:pointer;transition:.1s ease-in}.btn-code:hover{background-color:#1b949c}.btn-demo{width:120px;height:50px;font-size:18px;margin:0 10px;border-radius:10px;font-weight:600;border:none;color:#fff;background-color:#ff0062;text-align:center;cursor:pointer;transition:.1s ease-in}.btn-demo:hover{background-color:#b41a55}button a{color:#fff}.main-container-contact{display:flex;flex-direction:column;align-items:center;height:100%;padding:47px}.h1-contact{font-size:90px;margin:100px 0 20px;font-weight:800;background:linear-gradient(90deg,#da2b51,#ec9a1e,#ffd900,#ff7d04,#f60);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 5s ease-in-out infinite}.first-container-contact{width:75%;height:auto;background-color:#27272a;border-radius:15px;padding:50px;display:flex;align-items:start;justify-content:center;flex-wrap:wrap}.left-container-contact,.right-container-contact{padding:10px;margin:10px 20px}.contact-card{display:flex;flex-direction:row;align-items:center;border:1px solid rgba(255,255,255,.2);padding:25px 50px;border-radius:10px;margin:30px 0;background-color:#3534342f;transition:.2s ease}.contact-card:hover{transform:rotate(2deg)}.icon-container-contact{background-color:#ff0062;font-size:26px;padding:15px;border-radius:50%}.flex-container-contact{padding:10px}.h2-contact{font-size:23px}.p-contact,.cv-link{color:#a8a3a3}.download{color:#ff0062}.contact-form{padding:25px;height:450px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background-color:#3534342f;display:flex;flex-direction:column;align-items:center}.form-group{width:320px;height:40px;margin:10px 0;display:flex;align-items:center;background-color:#27272a;border:1px solid #fff;padding:5px;border:2px solid rgba(255,255,255,.2);border-radius:10px}.form-group input{width:100%;height:100%;border:none;background-color:#27272a;font-size:16px;padding:5px;outline:none;color:#fff}.form-group-textarea{width:320px;height:150px;margin:10px 0;display:flex;align-items:start;background-color:#27272a;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:5px}textarea{width:100%;height:100%;resize:none;border:none;background-color:#27272a;outline:none;color:#fff;font-size:16px}.icon-form{font-size:18px;padding:5px;color:#706d6d}.btn-form{background-color:#1db0bb;color:#fff;font-size:18px;font-weight:700;width:300px;height:50px;border:none;border-radius:10px;cursor:pointer;transition:.1s ease-in-out}.btn-form:hover{transform:scale(.98);background-color:#1db0bbd7}@media (max-width: 540px){body{overflow:scroll}.container-portafolio{flex-direction:column}.container-nav{position:relative;width:100%}.container-nav-first,.container-nav-second{display:none}.container-nav-second-movil{width:100%;display:flex;align-items:center;justify-content:center}.navlink{margin:10px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);padding:10px}.container-nav-third{display:none}.container-main,.container-home{width:100%}.title-name{font-size:2.5rem}.subtitle-name{font-size:1.5rem;margin-top:30px;padding:20px 0}.container-arrow{margin:auto}.main-container-aboutme{height:100vh}.first-container-aboutme{width:95%;padding:10px;text-align:center}.h1-aboutme{font-size:4rem;margin:30px 0 20px}.p-aboutme{font-size:1rem}.button-aboutme{font-size:1rem;padding:15px}.h1-projects{font-size:4rem;margin:30px 0 20px}.container-projects{width:100%}.project-card{width:320px;align-items:center;margin:15px}.p-project{margin:auto;text-align:center;font-size:.8rem;width:250px}.h1-contact{font-size:4rem;margin:30px 0 20px}.main-container-contact{padding:5px}.first-container-contact,.left-container-contact{width:100%;padding:0}.right-container-contact{padding:0}.contact-form{padding:15px}}@media (min-width: 545px) and (max-width: 890px){body{overflow:scroll}.container-portafolio{flex-direction:column}.container-nav{position:relative;width:100%}.container-nav-first,.container-nav-second{display:none}.container-nav-second-movil{width:100%;display:flex;align-items:center;justify-content:center}.navlink{margin:10px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);padding:10px}.container-nav-third{display:none}.container-main,.container-home{width:100%}.title-name{font-size:5rem}.subtitle-name{font-size:3rem;margin-top:30px;padding:20px 0;margin-bottom:20px}.container-arrow{width:40px}.main-container-aboutme{align-items:center;justify-content:space-around;width:100%;height:100%}.first-container-aboutme{width:95%;padding:30px;text-align:center}.h1-aboutme{font-size:6rem;margin:30px 0 20px}.p-aboutme{font-size:1.8rem}.button-aboutme{font-size:1.5rem;padding:15px}.h1-projects{font-size:6rem;margin:30px 0 20px}.container-projects{width:100%}.project-card{width:400px;align-items:center;margin:15px}.p-project{margin:auto;text-align:center;font-size:.8rem;width:250px}.h1-contact{font-size:6rem;margin:30px 0 20px}.main-container-contact{padding:5px}.first-container-contact,.left-container-contact{width:100%;padding:0}.right-container-contact{padding:0}.contact-form{padding:30px;width:500px}}@media (min-width: 900px) and (max-width: 1200px){body{overflow:scroll}.container-portafolio{flex-direction:column}.container-nav{position:relative;width:100%}.container-nav-first,.container-nav-second{display:none}.container-nav-second-movil{width:100%;display:flex;align-items:center;justify-content:center}.navlink{margin:10px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);padding:10px}.container-nav-third{display:none}.container-main,.container-home{width:100%}.title-name{font-size:5rem}.subtitle-name{font-size:3rem;margin-top:30px;padding:20px 0;margin-bottom:20px}.first-container-aboutme{width:95%;padding:30px;margin:40px 0;text-align:center}.h1-aboutme{font-size:6rem;margin:30px 0 20px}.p-aboutme{font-size:1.8rem}.button-aboutme{font-size:1.5rem;padding:15px}.h1-projects{font-size:6rem;margin:30px 0 20px}.container-projects{width:100%}.project-card{width:400px;align-items:center;margin:15px}.p-project{margin:auto;text-align:center;font-size:.8rem;width:250px}.h1-contact{font-size:6rem;margin:30px 0 20px}.main-container-contact{padding:5px;height:100vh}.first-container-contact,.left-container-contact{width:100%;padding:0}.right-container-contact{padding:0}.contact-form{padding:30px;width:500px}}@media (max-width: 1280px){body{overflow:scroll}.main-container-aboutme{height:100%}.container-arrow{margin:auto}}