body{font-family:Arial, sans-serif; background:#f5f5f5; margin:0; padding:20px; line-height:1.6;}
    h1{color:#222; text-align:center;}
    h2{margin-top:28px;}
    code{background:#eee; padding:2px 6px; border-radius:4px;}
    .ejemplo{background:#222; color:#0f0; padding:10px; border-radius:8px; white-space:pre; overflow:auto;}
    .nota{background:#fff3cd; border:1px solid #ffeeba; padding:10px; border-radius:6px;}
    table{width:100%; border-collapse:collapse; margin-top:16px;}
    th,td{border:1px solid #ccc; padding:10px; text-align:left;}
    th{background:#333; color:#fff;}
    tr:nth-child(even){background:#fafafa;}
     header{
        display:flex;
        align-items: center;
        background-color: #222;
        height: 3rem;
    }
    html {
  scroll-behavior: smooth;
}
    header img{
        margin-left:1rem;
        height: 2rem;
        width: 15rem;
    }
    
    .indice{
        
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .tareas{
        margin-left:50rem;
        color:white;

    }
    .tareasImg{
        width: 1rem;
        height: 1rem;
    }
    .indice ul{
        display:flex;
        flex-direction: column;
        align-items: center;
     min-height: 30rem;
    font-size: 2rem;
       
        min-width: 40rem;
        
    }