*{padding:0;margin:0;box-sizing:border-box;font-family:Times New Roman,Times,serif;list-style:none;text-decoration:none;color:#fff}body{background-color:#1a1a1a}header{position:fixed;right:0;top:0;z-index:100;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 3%;background-color:transparent}.logo{font-size:30px;font-weight:800}.navlist{display:flex}.navlist a{margin-left:60px;font-size:15px;font-weight:600;border-bottom:2px solid transparent;transition:all .5s ease}.navlist a:hover{border-bottom:2px solid white}#menu-icon{font-size:35px;z-index:101;cursor:pointer}header.scrolled{background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#menu-icon{font-size:35px;z-index:101;cursor:pointer;display:none}#menu-toggle,.menu-icon-action{display:none}@media screen and (max-width: 1024px){.logo{font-size:25px}.navlist a{font-size:14px;margin-left:40px}}@media screen and (max-width: 768px){.menu-icon-action{display:block;font-size:30px;cursor:pointer;z-index:200}.navlist{position:absolute;top:60px;left:0;width:100%;background:#000000e6;flex-direction:column;align-items:center;padding:20px 0;display:none}.navlist.active{display:flex}.navlist a{font-size:18px;margin:10px 0;width:100%;text-align:center;display:block;padding:10px}}.hero{height:100%;width:100%;min-height:100vh;background:linear-gradient(245.59deg,#31494e,#385e70 25%,#131313 75%);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}section{padding:0 8%}.hero-text h5{font-size:14px;font-weight:400;margin-bottom:25px}.hero-text h1{font-family:Roboto Mono,monospace;font-size:50px;line-height:1;margin:0 0 30px}.hero-text h4{font-size:18px;font-weight:600;margin-bottom:10px}.hero-text p{font-size:80%;font-size:90%;margin-bottom:40px;line-height:1.9}.hero-img img{width:400px;margin:10% 0;height:auto;transition:all 4s linear}.hero-img img:hover{width:450px;opacity:.6}.hero-text a{display:inline-block;background-color:#4d4d4d;border:1px solid transparent;padding:15px 30px;line-height:1.4;font-size:14px;font-weight:500;border-radius:30px;text-transform:uppercase;transition:all .5s ease}.hero-text a:hover{background-color:transparent;border:1px solid white;transform:translate(8px)}.hero-text .portfolio{background-color:transparent;border:1px solid white;margin-left:20px}.hero-text a i{vertical-align:middle;margin-right:5px}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;gap:1.5rem}.hero-text h1{font-size:42px}.hero-text h4{font-size:16px}.hero-img img{width:320px}}@media (max-width: 768px){section{padding:0 0 0 20%}h5{margin-top:25vh;text-align:left}.hero-text h1{font-size:36px;text-align:left}.hero-text h4{font-size:14px;text-align:left}.hero-text p{font-size:85%;text-align:left}.hero-img img{width:250px;transition:all 1s linear}.hero-text a{padding:12px 25px;font-size:13px}.hero-text .portfolio{margin-left:10px}.hero-img img:hover{width:260px;opacity:.6}}.icons{position:absolute;top:50vh;padding:0 3%;transform:translateY(-50%)}.icons i{display:block;margin:26px 0;font-size:24px;transition:all .5s ease}.icons i:hover{color:#4d4d4d;transform:translateY(-5px)}.container{height:100%;width:100%;min-height:100vh;background:linear-gradient(245.59deg,#31494e,#385e70 25%,#131313 75%);position:relative;display:flex;justify-content:center;align-items:center;padding:4rem 8%}.sobre-mi-content{width:50vw;margin:25vh auto 0 15vw;color:#fff;text-align:left}.sobre-mi-content h2{margin-bottom:1rem;font-family:Roboto Mono,monospace;font-size:50px;line-height:1;margin:0 0 30px}.sobre-mi-content p{font-family:Roboto Mono,monospace;font-size:1.1rem;line-height:1.6;margin-bottom:40px}@media (max-width: 1024px) and (min-width: 769px){.container{padding:3rem 5%}.sobre-mi-content{width:60vw;margin-top:15vh}.sobre-mi-content h2{font-size:40px;margin-bottom:1rem}.sobre-mi-content p{font-size:1rem;line-height:1.5}}@media (max-width: 768px){.sobre-mi-content{margin-top:25vh;width:70vw}.sobre-mi-content h2{text-align:left}.sobre-mi-content p{text-align:left;word-break:break-word;font-size:85%;letter-spacing:.5px}}.container{height:100%;width:100%;min-height:100vh;background:linear-gradient(245.59deg,#31494e,#385e70 25%,#131313 75%);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:0 8%}.skills-section{text-align:center;margin-left:10vw;width:70vw}.skills-title{font-family:Roboto Mono,monospace;font-size:50px;color:#fff;margin:0 0 30px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem}.skill-card{background:#ffffff1a;color:#fff;padding:1rem;border-radius:8px;text-align:center;font-size:1.2rem;font-weight:700;transition:transform .3s ease;background:.3s ease}.skill-card:hover{transform:scale(1.1);background:#ffffff4d;cursor:pointer}@media (max-width: 1024px) and (min-width: 769px){.container{padding:0 5%}.skills-section{padding:0 0 0 10%;width:80vw;margin-left:0}.skills-title{font-size:45px;margin-top:20vh}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-card{padding:.8rem;font-size:1.1rem}}@media (max-width: 768px){.container{padding:0 5%}.skills-section{padding:0 0 0 20%;width:70vw}.skills-title{font-size:40px;margin-top:25vh}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-card{padding:.5rem;font-size:1rem}}