/* VARIABLES */
:root{
    --black-color: #252022;
    --white-color: #dcdcdc;
    --red-color: #db303e;
    --green-color: #0CCE6B;
}
/* GAME */
#game-status {
    margin: 0;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* VIRTUAL KEYBOARD */
.letter {
    font-size: 1rem;
    margin: 0.25rem;
    width: 3rem;
}

/* MEDIA QUERIES */
@media (max-width: 570px) {
    canvas {
        width: 100%;
    }
}

.linhaLetra {
    margin: 0px 10px;
    border-bottom: 2px solid #000;
    font-size: 150%;
    color: #000;
    float: left;
}

#idLinhas {
    position: relative;
    min-height: 50px;
}