/* media modal */

@media (min-width: 400px) {
    body {
        font-family: 'Poppins', sans-serif;
        background: #ececec;
    }

    .kotak-utama {
        min-height: 100vh;
        padding: 0;
    }

    .box-area {
        width: 720px;
        border: 1px;
        padding: 1rem;
    }

    .box-area-register {
        width: 360px;
        box-shadow: 0 .5rem 1rem rgba(#000000, .15);
        border: 1px;
    }

    .tombol-select {
        border: 1px;
        border-color: #ececec;
        padding: .5rem 1rem;
    
    }

}

@media (max-width: 400px) {
    body {
        background: #ffffff;
    }

    .kotak-utama {
        vertical-align: top;
    }

    .box-area {
        border: none;
        padding: 0;
    }

    .box-area-register {
        box-shadow: none;
        border: none;
    }


}