body {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

tr.seleccionado {
    background-color: lightblue;
}

tr.acierto {
    background-color: lightgreen;
}

tr.presente {
    background-color: yellow;
}

tr.fallo {
    background-color: lightcoral;
}

table {
    border-collapse: collapse;
}

td {
    position: relative;
    border: 0;
    padding: 0; /* Añade esta línea */
}

button {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 10px;
    margin-bottom: 1em;
}

img {
    margin-bottom: 0; /* Reduce el margen inferior de las imágenes */
}

select {
    margin-top: 0; /* Reduce el margen superior de los selectores */
    padding-top: 0; /* Reduce el relleno superior de los selectores */
}

.resultado {
    position: absolute; /* Recoloca los iconos Verde, Amarillo y Rojo sobre las imagenes */
    font-size: 30px;
    margin-left: -50px;
    margin-top: 10px;
}