:root {
    --bs-body-bg: #e8e9f0 !important;
}

html {
    background-color: #e8e9f0;
}

.login-page {
    max-width: 20rem;
    margin: 0 auto;
    padding-top: 1rem;
    position: relative;
}

h1 {
    font-size: 1.5rem;
    font-weight: 400
}

.google-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
}

.gradient {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    position: absolute;
    width: 100%;
    height: 15rem;
}

.logo {
    max-height: 2.5rem;
    max-width: 50vw;
    margin: 1rem auto 3rem;
}

.form-control:focus {
    border-color: #009B8F;
    box-shadow: 0 0 0 .25rem rgba(0, 155, 143, .25);
}

.btn-primary {
    --bs-btn-bg: #009B8F;
    --bs-btn-border-color: #009B8F;
    --bs-btn-hover-bg: #039186;
    --bs-btn-hover-border-color: #05857b;
    --bs-btn-focus-shadow-rgb: 0, 155, 143;
    --bs-btn-active-bg: #05857b;
    --bs-btn-active-border-color: #07736a;
    --bs-btn-disabled-bg: #5fe3d8;
    --bs-btn-disabled-border-color: #5fe3d8;
}