body,
html {
    margin: 0;
}

main {
    background: url("../img/daftar/bg.png") no-repeat center center;
    background-size: 100% auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-right: 18%;
    background-color: #fff200;
}

.humberger {
    background-color: #fff100 !important;
}
/* Container Form */
.login-form-container {
    max-width: 390px;
    width: 100%;
    margin-top: 250px;
    margin-bottom: 350px;
}

/* TABLET (medium) */
/* @media (max-width: 1335px) {
    .login-form-container {
        max-width: 380px;
        margin-top: 250px;
        margin-bottom: 350px;
    }
} */
/* TABLET (medium) */
@media (max-width: 980px) {
    .login-form-container {
        max-width: 300px;
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

/* RESPONSIVE untuk HP dan tablet */
@media (max-width: 768px) {
    main {
        justify-content: center;
        padding-top: 50px;
        padding-right: 0;
        padding-left: 0;
        background: url("../img/daftar/bg-mobile.png") no-repeat center center;
        background-size: cover;
    }

    .login-form-container {
        margin: 400px 0px;
    }
}