styles.min.css
1 nav ul,nav ul li{padding:.5rem}article h3,th{color:#f1f5f9}td,th{padding:1rem}.card,aside,nav ul,tr:nth-child(2n){background-color:#1e293b}aside,main{max-width:900px}#proyectos,aside{margin:2rem 0;box-sizing:border-box;width:100%}#proyectos,aside,footer,table{width:100%}body,code{background-color:#0f172a}.scroll-top,body,nav ul{display:flex}*{scroll-behavior:smooth}body{color:#e2e8f0;font-family:Inter,-apple-system,sans-serif;line-height:1.7;margin:0;padding:0;flex-direction:column;align-items:center}#proyectos{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;padding:2.5rem;border-radius:1rem}.card,table{border:1px solid #334155}.text-center{text-align:center}.card{border-radius:.75rem;padding:1.5rem;margin:1rem 0;transition:transform .2s,border-color .2s}.scroll-top,nav ul li a:hover{background-color:#38bdf8;color:#fff}.scroll-top,nav ul>li>a{text-decoration:none;transition:.3s}.card:hover{transform:translateY(-4px);border-color:#38bdf8}footer,td{border-top:1px solid #334155}nav ul{list-style:none;margin:2rem 0;flex-wrap:wrap;justify-content:center;border-radius:3rem;border:1px solid #334155}nav ul>li>a{color:#94a3b8;font-weight:500;padding:.75rem 1.5rem;border-radius:2rem}nav ul li a:hover{box-shadow:0 0 15px rgba(56,189,248,.4)}a[href^="mailto:"]{color:#38bdf8;text-decoration:none;font-weight:600}a[href^="mailto:"]:hover{text-decoration:underline}main{width:95%;padding:2rem 0}header h1{font-size:3rem;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}section h2{color:#38bdf8;font-size:1.8rem;border-left:4px solid #38bdf8;padding-left:1rem;margin-bottom:1.5rem}article h3{margin-top:0}table{border-collapse:separate;border-spacing:0;margin:2rem 0;border-radius:.5rem;overflow:hidden}th{background-color:#334155;text-align:left}aside{border:1px solid #334155;padding:2rem;border-radius:1rem}footer{padding:3rem 0;color:#64748b;margin-top:4rem}code{color:#38bdf8;padding:.2rem .4rem;border-radius:.25rem}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px rgba(56,189,248,.4);z-index:1000}.scroll-top:hover{background-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 6px 20px rgba(56,189,248,.6)}