html, body, div#app, main.py-4 {
    height: 100%;
}

/*body {*/
/*    background: #004e92;*/
/*    background: -moz-linear-gradient(left,  #004e92 0%, #b4b9e2 100%);*/
/*    background: -webkit-linear-gradient(left,  #004e92 0%,#b4b9e2 100%);*/
/*    background: linear-gradient(to right,  #004e92 0%,#b4b9e2 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e92', endColorstr='#b4b9e2',GradientType=1 );*/

/*}*/

main.py-4 {
    display:         flex;
    justify-content: center;
    align-items:     center;
}

.login-wrapper {
    width: 390px;
}

.login-wrapper > .card > .card-body {
    padding: 30px 18px 30px;
}

.login-company-logo-wrapper {
    padding-bottom: 30px;
}

button[type='submit'] {
    width: 100%;
}



body {
    background: linear-gradient(-45deg, #004e92, #aab0e5, #b4b9e2, #004e92);
    background-size: 400% 400%;
    animation: gradient 60s ease infinite;
    height: 100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}