body {
    background-color: yellow;
}

h1{
    background:rgb(1, 1, 122); 
    border-radius: 25px;
    color: yellow;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 400px;
}

p{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 25px;
    color:rgb(1, 1, 122);
    text-align:center;
}
/* aqui vienen los estilos para la tablas */
table {
    background:rgb(0, 0, 88);
    border-radius: 12px;
    direction: center;
}

th{
    background: rgb(4, 4, 167);
    border-radius: 12px;
    color: yellow;
}

tr{
    background: rgb(4, 4, 167);
    color: yellow;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:16px ;
}

td{
    border-radius: 8px;
    font-size: 18px;
}

.margen{
    text-align: center;
}

table tr:hover{
    background: yellow;
    color:rgb(1, 1, 175);
    cursor: pointer;
}