.outside {
    background-color: #181C36!important;
}

.outside label {
    color: #222326;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}

.card.auth-card {
    background-color: white!important;
}

.input-text {
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .125rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    border-color: #A4A8A8;
    background-color: white;
    padding: 0.5rem;
    font-size: 15px;
    --tw-text-opacity: 1;
    color: rgb(28 46 54 / var(--tw-text-opacity));
    --tw-shadow: none;
    --tw-shadow-colored: none;
    box-shadow: none;
}

button.btn-primary {
    position: relative;
    display: inline-block;
    /* border-radius: 9999px; */
    --tw-bg-opacity: 1;
    background-color: #6571B4;
    padding-left: 1.75rem!important;
    padding-right: 1.75rem!important;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    text-align: center;
    font-size: 16px!important;
    font-weight: 400;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: white;
    text-decoration-line: none!important;
    --tw-shadow: non!important;
    --tw-shadow-colored: none!important;
    box-shadow: none!important;
    background-image: none!important;
    border: none!important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.forgot-password-link {
    color: white!important;
}

#statamic h1 {
    color: #6571B4!important;
}

