body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.mk-content-container {
   
}

.mk-login-area-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height:100%;

}

.mk-login-area {
    background: var(--gray-bg);
    border-radius: calc(var(--pill-h) / 2);
    padding: calc(var(--pill-gap) * 4);
    width: 90%;
    max-width: 600px;

}

@media (max-width: 700px){
    .mk-login-area{
        width: 100%;
    }
}