body{
    text-align: center;
    background-image: url("imagenes/fondo.jpeg");

}

#letras{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}


#letras div{
    padding: 9px;
    border: 1px solid black;
    font-size: 3em;
    gap: 5px;
}


#teclado{
    display: grid;
    grid-template-columns: repeat(10, 100px);
}

#teclado div{
    padding: 9px;
    padding-top: 20px;
    font-size: 3em;
    gap: 5px;
    background-image: url("imagenes/tecla.png");
    background-repeat: none;
    height: 70px;
    cursor: pointer;
}