main{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center}.Navbar{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:80px;gap:40px;position:fixed;margin:0;background-color:#000000cf;backdrop-filter:blur(5px)}.Navbar-menu-mobile{display:none}@media (width <= 730px){.Navbar-menu-mobile{display:flex;justify-content:flex-end;margin-top:30px;margin-right:40px}.Navbar{display:none;flex-direction:column;width:100%;height:100vh}.navbar-options{font-size:1rem}.navbar-close{position:absolute;top:50px}}.navbar-options{text-decoration:none;color:#a1a1a1;font-weight:400;font-size:18px}.navbar-options:hover:before,.navbar-options:hover:after{background:linear-gradient(238deg,#fd8800,#fd008f,#9700fd,#003dfd,#05c7e6,#4bd58d);-webkit-animation:rainbow .5ms ease infinite;animation:rainbow 4s ease infinite;color:#fff0;background-size:700% 700%;-webkit-background-clip:text}.navbar-options:before{content:"<";font-weight:800;padding-right:4px}.navbar-options:after{content:"/>";font-weight:800;padding-left:4px}@-webkit-keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.option-test{text-decoration:none;color:#fff;position:relative}.option-test:after{background-color:#fedc00;content:"";height:3px;position:absolute;top:20px;left:0px;width:0px;transition:1s ease}.option-test:hover:after{width:100%}.active{text-decoration:none;color:#fff;position:relative}.active:after{background-color:#fedc00;content:"";height:3px;position:absolute;top:20px;left:0px;width:100%}.navbar-mail{text-decoration:none;display:flex;gap:5px;color:#fff}.home-container{margin-top:60px;display:flex;flex-direction:column;align-items:center}h1{font-size:6rem;font-weight:900;margin:0;letter-spacing:.01px}.subtitule{margin:35px 0 200px;font-weight:400;color:#a1a1a1;font-size:24px}@media (width <= 730px){h1{font-size:60px}.subtitule{text-align:center}}@media (height <= 830px){h1{font-size:60px}.subtitule{margin:35px 0 100px}}@media (width <= 400px){h1{font-size:50px}.subtitule{text-align:center;margin:60px 0 75px;font-size:20px}}.social-networks{display:flex;align-items:center;gap:20px}.h1-nombre{background:linear-gradient(.4turn,rgb(254,46,23),rgb(255,239,68));-webkit-background-clip:text;transition:ease-in-out 1.5s;color:#fff}.h1-nombre2{background:linear-gradient(.4turn,rgb(127,0,55),rgb(197,13,207));-webkit-background-clip:text;transition:ease-in-out 1.5s;color:#fff}.h1-nombre3{background:linear-gradient(.4turn,rgb(39,36,215),rgb(73,161,238));-webkit-background-clip:text;transition:ease-in-out 1.5s;color:#fff}.h-transition{color:#0ff0}.heartbeat:hover{-webkit-animation:heartbeat 1.5s ease-in-out both;animation:heartbeat 1.5s ease-in-out both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.aboutme-title{font-size:3rem;font-weight:900;margin:0;letter-spacing:.01px}.aboutme-container{margin-top:60px;display:flex;flex-direction:column;align-items:center}.aboutme{display:flex;flex-direction:column;gap:25px;width:35%;justify-content:center;margin-top:60px}.aboutme p{font-weight:400;color:#a1a1a1;font-size:20px}.imgprofile{width:400px;height:400px}.aboutme-dec-img{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px}.h2Style{padding:0 20px;margin-top:60px;font-size:48px;background:linear-gradient(.4turn,rgb(254,46,23),rgb(255,239,68));-webkit-background-clip:text;transition:ease-in-out 1.5s;color:#fff0}.tech{display:flex;gap:40px;margin:50px 0;flex-wrap:wrap}.download-icon-container{margin-bottom:50px}@media (width <= 830px){.aboutme-dec-img{display:flex;flex-direction:column}.aboutme{width:80%}.h2Style{text-align:center}main{display:flex;align-items:center;justify-content:center}.tech{margin:50px 20px;justify-content:center}.imgprofile{width:250px;height:250px}}.projects-container{margin-top:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}@media (width <= 730px){.projects-container{margin-bottom:40px}}.projectcards-container{background-color:#000;width:300px;display:flex;flex-direction:column;border-radius:10px;border:1px solid #a1a1a169;align-items:center;justify-content:center;padding:1%;box-sizing:border-box}.projectcards-container h2{align-self:flex-start;margin:15px 0}.projectcards-container img{width:100%;border-radius:10px}.projectcards-container-p{font-weight:200;color:#fffffffc;margin-bottom:10px;margin-top:0}.line{width:100%;height:1px;background-color:#fedc00af;margin:20px}.projectcards-container-link{display:flex;gap:10px}.h2Style{padding:0;font-size:2rem;background:linear-gradient(.4turn,rgb(254,46,23),rgb(255,239,68));-webkit-background-clip:text;transition:ease-in-out 1.5s;color:#fff0}.pagebutton{background-color:#fedc00;color:#000;padding:10px;border-radius:10px;text-decoration:none;transition:.5s ease;border:1px solid rgb(254,220,0)}.pagebutton:hover{background-color:#fedc0000;color:#fff;border:1px solid rgb(254,220,0)}body{background-color:#000;color:#fff;font-family:Inter,sans-serif;padding:0;margin:0;overflow-y:scroll}body::-webkit-scrollbar{width:12px;background:black}body::-webkit-scrollbar-thumb{background:black;border-radius:20px;border:1px solid rgb(254,221,0)}