@media (max-width: 600px) {
    .contianer-gameWords {
        width: 100vw;
        border-radius: 0px;
    }
    #gameWords li {
        font-size: 0.8rem; 
    }
    .container-game {
        width: 100vw;
    }
    .soupLetters-btns {
        flex-direction: column;
    }
    #solve {
        margin-bottom: 10px;
    }
    .planeta-container {
        width: 150%;
        height: 100%;
        margin: 0 auto;
        background-image: url('images/principito04-celular02.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 43% 0% !important;
        border-radius: 10px;
        box-shadow: grey 0 0 0 0.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px 1px, grey 0 -1px 0 inset;
    }

    #juego .puzzleSquare {
        height: 20px;
        width: 20px;
        text-transform: uppercase;
        background-color: white;
    }

    #juego {
        padding: 15px;
    }
  
    #juego .solved {
        background-color: #3c4fe0;
        color: white;
    }
}

@media (max-width: 820px) {
    .soupLetters-btns {
        width: 72%;
    }
}

@media (min-width: 1200px) {
    .planeta-container {
        background-position: unset;
    }
}

