body {
     background: #F0F8FF;
}

#titulo{
     background: #FFFAF0;
     border-radius: 10px;
     border-color: #094293;
     border-style: solid;
     display: flex;
     padding: 20px;
     margin: 15px;
     text-align: center;    
}

a:hover{
    color: #F9E79F; 
    border: 2px;
    border-style: solid;
}

a{
    color: #F39C12;
}
#imagenBanner{
     width: 30%;
     border: 2px;
     border-color: #F58F84;
     border-style: solid;
}

#regresaprincipal{
     text-align: center;
}

#regresa{
     padding: 5px;
     text-decoration: none;
     background: #D4E6F1;
     border-radius: 5px;
     border-color: black;
     border: 2px;
     border-style: solid;
}

#principal{
     background: #DAF7A6;
     border-radius: 10px;
     border-color: #009975;
     border-style: solid;
     padding: 20px; 
     margin: 15px;
}

#anime{
     background: #E6E6FA;
     border-radius: 10px;
     border-color: #673DFF;
     border-style: solid;
     padding: 20px;
     margin: 15px;
}

#botones{
     background: #ABEBC6;
     border-style: solid;
     border-color: #17A589;
     border-radius: 10px;
     padding: 20px;
     margin: 15px;
     text-align: center;
     border-width: 5px;
}

button{
     font-size: 20px;
     background: #FFFACD;
     color: black;
     border: 2px black solid;
     border-radius: 10px;
}

button:hover{
     font-size: 20px;
     background: #FFFACD;
     color: #0071BC;
     border: 2px black solid;
     border-radius:10px;
}

.labelcoral{
     color: #1C0D02;
     font: bold 90% monospace;
     font-size: 13px; 
}

#irSiguiente{
     text-align: center;
}

#ir{
     padding: 5px;
     text-decoration: none;
     background: #D4E6F1;
     border-radius: 5px;
     border-color: black;
     border: 2px;
     border-style: solid;
}