/* =========================
   DOMAIN CONTROLS
========================= */

.domain-controls{
    grid-template-columns:repeat(
        auto-fit,
        minmax(180px, 1fr)
    );
}

.domain-stats{
    grid-template-columns:repeat(
        auto-fit,
        minmax(120px, 1fr)
    );
}

/* =========================
   DOMAIN QUESTION
========================= */

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

    min-height:140px;
    padding:20px;

    color:#60a5fa;

    font-size:clamp(2.3rem, 7vw, 5rem);
    font-weight:bold;
    text-align:center;
    letter-spacing:3px;
    overflow-wrap:anywhere;
}

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

#flag{
    display:none;

    width:180px;
    max-width:90%;
    height:auto;

    margin:0 auto 20px;

    border-radius:12px;

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

/* =========================
   DOMAIN INFO
========================= */

#domainInfo{
    text-align:center;
}

/* =========================
   MOBILE
========================= */

@media(max-width:700px){

    .domain-question,
    #domain{
        min-height:100px;
        font-size:clamp(2rem, 12vw, 3rem);
    }
}