body {
    background-image: url(../images/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login {
    width: 280px;
    margin: auto;
}

    .login .card-body {
        padding: 20px;
        border-radius: 0.25rem;
    }

        .login .card-body h1 {
            font-size: 1.3rem;
            font-weight: 600;
            text-align: center;
            margin-bottom: 15px;
        }

        .login .card-body h2 {
            font-size: 1.125rem;
            font-weight: 500;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 20px;
            color: var(--ai-gray-800);
        }

    .login label {
        font-size: .8rem;
        display: block;
        margin-bottom: 6px;
    }

    .login input {
        padding: 8px;
        font-size: 1rem;
    }

    .login button {
        font-size: 1rem;
        padding: 0.535rem 0;
        margin-top: 10px;
    }

    .login fieldset {
        padding: 0;
        border: none;
        border-top: 1px solid var(--ai-border-color-dark);
        border-radius: 0;
        margin: 10px 0;
    }

    .login legend {
        margin: 0 auto;
        padding: 0 6px;
        color: var(--ai-gray-600);
    }

    .login a {
        font-weight: var(--ai-font-weight);
        color: var(--ai-info-hover);
    }