body {
    background: url('/assets/img/loginillustration.svg'), linear-gradient(90deg, rgba(29,98,234,1) 0%, rgba(22,77,185,1) 100%);
    background-size: cover;
}

.kt-login__logo img {
    width: 240px;
    height: auto;
}
.kt-login.kt-login--v3 .kt-login__wrapper {
    padding: 6% 4rem 1rem 4rem;
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    width: 500px;
    margin: 0 auto;
}
.kt-login__signin {
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(173, 181, 189, .11), 0 10px 50px rgb(0 0 0 / 5%);
}
.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head {
    margin-top: 0;
    margin-bottom: 20px;
}
.btn-brand {
    color: #fff;
    background-color: #1E64EF;
    border-color: #1E64EF;
    font-size: 18px;
    width: 100%;
    border-radius: 6px;
    transition: all 0.15s ease 0s!important;
}

@media only screen and (max-width: 600px) {
        .kt-login__logo img {
            width: 180px;
        }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            width: 100%;
        }
        .btn-brand {
            font-size: 16px;
        }
        .kt-login__signin {
            padding: 30px;
        }
        .kt-login.kt-login--v3 .kt-login__wrapper {
            padding: 6% 2rem 1rem 2rem;
        }
  }