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

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

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

        /*.login .card-body h1 {
            font-size: 1.2rem;
            text-align: center;
            margin-top: 10px;
        }*/

            .login .card-body h2 {
                font-size: 1.3rem;
                font-weight: bold;
                text-align: center;
                margin: 10px 0;
                color: #3c3c3c;
            }

    .login .form td {
        padding: 5px;
    }

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

    .login .form button {
        font-size: 1rem;
        padding: 0.535rem 0;
    }

    .login .card-header,
    .login .card-footer {
        padding: 15px 20px;
    }