body
{
background-color: rgb(20, 150, 236);
}

.gruillacontenedora2partes
{
   display: grid;
   grid-template-columns: 50% 50%;
}
h1
{
    color: antiquewhite ;
    font-size: 250%;
    font-family: fantasy;
    text-align: center;
}
header
{
    background-color: rgb(16, 48, 228);
}
footer
{
    background-color: rgb(7, 16, 99);
    text-align: center;
}
p.pie 
{
    color: beige;
    font-size: 250%;
}
div.oscuro
{
    background-color: rgb(157, 158, 155);
    text-align: center;
    border: 7px solid rgb(0, 0, 0);
    border-radius: 15px;
}
div.claro
{
    background-color: rgb(59, 65, 117);
    text-align: center;
    border: 7px solid rgb(23, 50, 204);
}
h2:hover
{
    font-family: cursive;
    color: rgb(247, 248, 248);
}
div.oscuro:hover
{
    background-color: rgb(26, 153, 170);
    border: 7px solid rgb(5, 81, 243);
    border-radius: 15px;
}
div.claro:hover
{
    background-color: rgb(26, 153, 170);
    text-align:right;
    border: 7px solid rgb(5, 81, 243);
    border-radius: 15px;
}
h3
{
background-color: rgb(102, 167, 187);
    text-align: center;
    border: 7px solid rgb(2, 71, 173);
    border-radius: 15px;
}
video
{
    border: 7px solid rgb(2, 22, 66);
    border-radius: 15px;
}