*{margin:0;padding:0;box-sizing:border-box}.card-header{display:flex;align-items:center;gap:20px;padding:20px}.header-content{display:flex;flex-direction:column;justify-content:center}.header-content h1{font-size:1.8rem;margin:0;color:#fff}.header-content h2{font-size:1.2rem;margin:5px 0;color:#00d1b2}body{margin:0;background-color:#131516}.image{display:flex;justify-content:center;align-items:center}.image img{width:200px;height:200px;border-radius:100%;text-align:center;object-fit:cover;object-position:center}.profile-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.profile-image img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 6px #0003}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1200px;margin:0 auto}.topic-box{background-color:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;color:#fff;box-shadow:0 4px 6px #0003;text-align:left}.topic-box h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.topic-box p{font-size:.9rem;line-height:1.6}.about-me-image img{max-width:150px;height:auto;border-radius:50%;object-fit:cover;box-shadow:0 4px 6px #0003}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;background-color:#131516;font-family:Lato,sans-serif;padding:20px 25px}.icons{display:flex;gap:15px}.icons a{color:#fff;font-size:1.5rem;transition:transform .3s}.icons a:hover{transform:scale(1.1)}.card-container{display:flex;width:1200px;height:auto;background:linear-gradient(to right,#024945,#12a89c);border-radius:12px;box-shadow:1px 7px 10px 2px #00000026}.descripcion{display:flex;justify-content:center;align-items:center;flex-direction:column}.custom-about-me{text-align:left;font-size:1.2rem;color:#fff}.image,.descripcion{padding:30px;text-align:left;color:#fff}.descripcion h2{text-align:left;line-height:2;font-weight:500;font-size:medium}.descripcion p{font-weight:300;font-size:17px}.descripcion h1{font-weight:400}.descripcion h3{text-align:left;font-size:.9rem;font-weight:700;margin-bottom:10px;color:#fff}.descripcion .icons{margin-top:30px}.descripcion .icons a{display:inline-block;margin:0 30px;color:#fff;font-size:30px;transition:.3s}a:hover{transform:translateY(-3px) scale(1.05)}.tooltip-text{position:absolute;top:-25px;left:-115%;z-index:2;width:100px;color:#fff;font-size:12px;background-color:#192733;border-radius:10px;padding:5px 10px}#fade{opacity:0;transition:opacity .3s}.hover-text:hover #fade{opacity:1}.hover-text{position:relative;display:inline-block;margin:10px;font-family:Lato,sans-serif;font-weight:200;text-align:center}.box{border:1px solid #ccc;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#f9f9f9;color:#333}.about-me-box{background-color:#0000004d;max-width:1200px;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;margin-top:20px;color:#fff;box-shadow:0 4px 6px #0003;text-align:left}.about-me-box h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.about-me-box p{font-size:1rem;line-height:1.6}.quick-links-box{width:100%;max-width:1200px;background-color:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;margin:20px auto;color:#fff;box-shadow:0 4px 6px #0003;text-align:left}.quick-links-box h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.quick-links-box ul{list-style:none;padding:0}.quick-links-box ul li{margin-bottom:10px}.quick-links-box ul li a{color:#00d1b2;text-decoration:none}.quick-links-box ul li a:hover{text-decoration:underline}.reading-box{background-color:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;margin-top:20px;color:#fff;box-shadow:0 4px 6px #0003;text-align:left}.reading-box h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.research-box{background-color:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;margin-top:20px;color:#fff;box-shadow:0 4px 6px #0003}.research-box h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.side-projects-box{width:100%;max-width:1200px;background-color:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;margin:20px auto;color:#fff;box-shadow:0 4px 6px #0003;text-align:left}.side-projects-box h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00d1b2}.side-projects-box .project-item a{color:#fff;text-decoration:none}.side-projects-box .project-item a:hover{text-decoration:underline}@media (max-width: 576px){.container{height:100vh;padding:0 15px}.card-container{display:flex;flex-direction:column-reverse;background:linear-gradient(#12a89c,#024945);width:750px;margin-top:12px;margin-bottom:12px}.image img{width:90px;height:90px}.image{padding:15px 0 0}.descripcion{padding:10px 20px 18px}.descripcion h1{font-weight:400;font-size:25px}.descripcion h2{line-height:2;font-weight:500;font-size:17px}.descripcion p{font-weight:300;font-size:15px}.descripcion .icons{margin-top:18px}}@media (min-width: 320px){.icons{display:flex;justify-content:center;align-items:center;margin-top:20px}}@media (max-width: 768px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.topics-grid{grid-template-columns:1fr}}