body.login{
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    background: #0277BD;
    background: rgb(32,182,182);
    background: linear-gradient(81deg, #016067 0%,#34CC67 100%);
    /* background: linear-gradient(81deg, #34CC67 0%,#016067 100%); */
    background-image: url("../images/bg.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.login .card{
    min-width: 420px;
    border: 1px solid rgba(0,0,0,.01);
    box-shadow: 0 2px 20px rgba(0,0,0,.07)
}

@media (max-width: 767.98px) {
    body.login .card{
        min-width: 320px;
    }
}