*{
        margin: 0px;
        padding: 0px;
    }

    html{
        font-size: 62.5%; /**1rem=10px**/
        box-sizing: border-box;
    }
    nav{
        width: 98%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 3rem 5rem 0 0;
        background-color: #005C9C;
        font-size: small;
        padding: 1rem;
        margin-left: 2rem;
    }
    nav > a{
        color: #fff;
        text-decoration: none;
        margin-right: 2rem;
        margin-left: 2rem;
    }
    nav > a:hover {
        text-decoration: underline;
        color: black;
    }
    body{
        padding: 1.5rem;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    .Titulo{
        width: 97%;
        background-color: #005C9C;
        color: #fff;
        text-align: center;
        font-size: large;
        margin: 1rem;
        margin-left:2rem;
    }
    .texto-imagen{
        height: 200px;
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: #C5E0E9;
        border: 6px solid #005C9C;
        border-radius: 15px;
        font-size: large;
        margin: 1.5rem;
        padding: 2rem;
    }

    .texto-imagen{
        width: 95%;
    }
    .texto-imagen > img{
        display: block;
        width: 15%;
        margin: 0.5rem;
    }
    .texto-imagen b{
        background-color: rgba(255, 255, 255, 0.534);
    }
    .personajes{
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 1rem;
    }
    .personajes > img{
        display: block;
        width: 35%;
        border: 2px solid #005C9C;
        border-radius: 10px;
        padding: 3px;
    }
    .personajes .tabla{
        margin-left: 1rem;
        width: 60%;
        font-size: medium;
        border-collapse: collapse;
    }
    th{
        background-color: #005C9C;
        color: #fff;
        margin: 3px;
    }
    td{
        text-align: center;
        border-bottom: 3px solid #005C9C;
    }
    .textos{
        display: flex;
        flex-direction: row;
    }
    .textos .Max{
        width: 70%;
        background-color: #C5E0E9;
        border: 6px solid #005C9C;
        border-radius: 10px;
        font-size: large;
        margin: 1rem;
        padding: 0.5rem;
    }
    .Max b{
        color: red;
        text-decoration: underline;
    }
    .Nombre {
        font-size: 20px;;
    }
  
}