main {
    min-height: calc(100dvh - 225px);
}

.main {
    min-height: 100vh;
}

.drawRound {
    display: flex;
    justify-content: right;

    & button {
        font-size: 2rem;
    }
}

.drwHeadWrap {
    display: block;

    #drwHead {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.division {
    margin: 1rem 1rem 2rem 1rem;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 1rem;

    & select {
        height: 105px;
        padding: .5rem;
        font-size: 2rem;
        font-weight: 600;
        text-align: center;
    }
}

.draw-wrap {
    background-color: white;
    padding: 2rem;
    margin: 0 1rem 0 1rem;

    & h3 {
        color: black;
        font-family: oswaldo;

        font-size: 2.8rem;
    }
}

@media(min-width: 1024px){

    .drwHeadWrap {
        display: flex;
        align-items: center;

        #drwHead {
            width: 100%;
            margin-bottom: 0;
        }
    }

    .drawRound {
        display: flex;
        justify-content: right;

        & button {
            font-size: 1rem;
        }
    }

    .division {
        margin: 0;

        display: flex;
        align-items: center;
        gap: 1rem;

        & select {
            width: 160px;
            height: 38px;
            font-size: .9rem;

            border-radius: 3px;
        }
    }

    .draw-wrap {
        background-color: white;
        padding: 1rem;
        margin: 0;
        border-radius: .5rem;
        min-height: 150px;

        & h3 {
            font-size: 1.4rem;
            width: 100%;
            margin: 0 auto;
        }
    }
}

@media(min-width: 1440px){
    .division, .draw-wrap {
        width: 80%;
        margin: 0 auto;
    }
}