.word {
    font-size: 3.5rem;
    /* text-decoration: underline; */
}

.words-guess-boxes-container {
    display: flex;
    align-self: flex-end;
    justify-content: space-around;
    /* Distribute with space around each box */
    align-items: center;
    /* Align items vertically in the center */
    width: 90%;
    /* Take up the full width of its parent */
    padding: 10px 0;
    /* Some padding top and bottom */
}

.words-guess-box {
    font-size: 2rem;
    width: 15%;
    /* Each box takes up 15% of the container width */
    height: 50px;
    /* Fixed height */
    /* background-color: #eee; */
    /* Light grey background */
    display: flex;
    justify-content: center;
    /* Center content horizontally */
    align-items: center;
    /* Center content vertically */
    border: 2px solid #ddd;
    /* Light grey border */
    border-radius: 5px;
    /* Rounded corners */
    /* Larger text size */
    color: #333;
    /* Dark grey text */
}