.grillacontenedorade4
{
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
}
h1
{
   color: rgb(219, 255, 244);
   font-size: 400%;
   font-family: fantasy;
   text-align: center;
}
h2{
    font-family: cursive;
    color: rgb(0, 0, 0);
     text-align: center;
}
header
{
    background-color: rgb(151, 192, 231);
}
footer
{
    background-color: rgb(116, 199, 231);
}
p.pie 
{
    color: rgb(0, 0, 0);
    text-align: center;
}
div.oscuro
{
    background-color: rgb(219, 137, 137);
    text-align: center;
    border: 4px solid rgb(135, 214, 135);
    border-radius: 10px;
}
div.claro
{
    background-color: rgb(120, 157, 226);
    text-align: center;
    border: 4px solid rgb(142, 176, 226);
    border-radius: 10px;
}
h2:hover
{
    font-family: cursive;
    color: rgb(0, 0, 0);
}
div.oscuro:hover
{
    background-color: aquamarine;
    text-align: center;
    border: 10px solid rgb(228, 39, 39);
}
div.claro:hover
{
    background-color: aquamarine;
    text-align: center;
    border: 10px solid rgb(36, 182, 226);
}
table
{
    border: 1px solid;
}