.contenedor{
    display: flex;
    flex-direction: column;
align-items: center;
    background-color: blueviolet;
    text-align: center;
}

.encabezado-titulo{
    width: 500px;
    background-color: blue;
    border-radius: 25px;
    margin: 15px;
    padding: 15px;

}
.titulo{
    font-size: 42px;
    color: green;
}
.tablero{
    width: 500px;
    background-color: black;
    height: 620px;
}
.fila{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.celda{
    width: 160px;
    height: 180px;
    margin: 5px;
    border-radius: 25px;
    background-color: blue;
    border-style:groove;
}
.celda:hover{
   background-color: wheat; 
}
.imagen{
    width: 90px;
    height: 90ox;
    margin: 5px;

}
.btn{
    width: 100px;
    height: 60 px;
    background-color: deepskyblue;
    color: steelblue;
    border-radius:  15px;
    margin:  15px;
}
.btn:hover{
    background-color: hotpink;
    color: brown;
}
.piepagina{
    width: 100%;
    height: 80px;
    background-color: black;
    color: yellow;
    font-size: 14px;
    margin-top: 15px;
    padding: 25px;
}