html,
body {
    /* background: linear-gradient(to bottom, #8c1713 80%, #fbfbfb 80%); */
    background: #8c1713 !important;
    font-family: 'Museo', 'Museo-Sans', 'Lato', sans-serif;
    overflow: hidden;
}

/* @media(max-width:780px) {

    html,
    body {
        background: #8c1713;
    }
} */

.image-container {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    user-select: none;
}

.image-container .lottie-player {
    margin: 0 auto;
    transition: transform 0.2s;
    height: 150px !important;
    width: auto;
}

.signinForm {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 85%;
    background-color: #FBFBFB;
    border-top-left-radius: 4em;
    border-top-right-radius: 4em;
    transition: top 0.2s;
    cursor: grab;
    user-select: none;
    z-index: 10;
    box-shadow: 0 -3px 6px rgb(95 95 97 / 0.2) !important;
}

.signinForm form {
    margin: 0 auto;
    width: 300px;
    padding-top: 5em;
}

.signinForm form label {
    font-size: 1.2em !important;
}

.signinForm form .btn {
    border-radius: 10em !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    font-weight: 400 !important;
    font-family: 'Museo-Sans', 'Museo', 'Lato', sans-serif;
}

.signinForm form .btn-primary {
    background-color: #891603 !important;
    border: none !important;
}

.signinForm form .btn-secondary {
    background-color: #424142 !important;
    border: none !important;
}

.signinForm form .btn-primary:hover,
.signinForm form .btn-secondary:hover {
    background-color: #666566 !important;
}

.signinForm form a {
    color: #891603 !important;
}

.signinForm .form-control {
    border-radius: 10em !important;
    border: 1px solid #424142 !important;
    background-color: #F4F4F9 !important;
}

.signinForm-divider {
    margin: 1em 0 !important;
    border-top: 3px solid #A2864D;
    opacity: 1;
}

#spinner {
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

#spinner div {
    margin: 0 auto;
    width: 200px;
    height: 200px;
}