main {
    --width: 400px;
    --height: 250px;
}

#countries {
    width: 300px;
}

#game .row {
    width: var(--width);
    margin-bottom: 1.5em;
}

#cities {
    text-align: center;
    margin-bottom: 1em;
}

#choices {
    width: 100%;
}

#choices tr {
    border-bottom: 2px solid var(--bs-body-bg);
}

#choices td {
    text-align: center;
    color: var(--bs-body-bg);
    font-weight: bold;
    padding: 5px;
}

@media (max-width: 400px) {
    main {
        --width: 300px;
        --height: 150px;
    }

    #countries {
        width: 200px;
    }
}