* {
    font-family: sans-serif;
}



.contenedor,
.cont_palabra,
#nueva_palabra {
    border-radius: 20px;
}


#nueva_palabra:active {
    background-color: #6cacd6;
}



h1,
p {
    color: aliceblue;
}



li {
    width: 60px;
    aspect-ratio: 1;
    background-color: #52be80;
    color: aliceblue;
    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.letra {
    opacity: 0%;
    transition: opacity 0.3s ease;
}

.letra_visible {
    opacity: 100%;
}

@media (max-width: 575.98px)and (orientation:portrait) {
    li {
        width: 25px;
    }
}