/* =========================
   FLAG IMAGE
========================= */

#flag{
    display:block;

    width:320px;
    max-width:90%;
    max-height:210px;

    object-fit:contain;

    margin:0 auto 25px;

    border-radius:12px;

    box-shadow:0 6px 20px rgba(0,0,0,.35);
}

/* =========================
   COUNTRY QUESTION
========================= */

.flag-question,
#question{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:90px;
    padding:15px;

    color:#60a5fa;

    font-size:clamp(1.8rem, 5vw, 2.8rem);
    font-weight:bold;
    text-align:center;
}

/* Country-to-flag answer images */

#answers button img{
    display:block;

    width:110px !important;
    max-width:100%;
    max-height:75px;

    margin:auto;

    object-fit:contain;
    border-radius:7px;
}