.form-container {
    max-width: 100%;
}

.form-container .card {
    width: 80%;
}

.form-container .card-title {
    text-transform: uppercase;
}


.form-container h2 {
    text-align: center;
}

.form-container .card {
    background-color: rgba(0, 0, 0, 0.73) !important;
    border-radius: 0 !important;
    border: none !important;
}


.form-container a, p {
    color: white;
}

.form-container .form-floating label {
    color: black;
}

.form-container label {
    color: white;
}

.form-container input {
    border-radius: 0 !important;
    border: none !important;
}

.form-container .btn-block {
    width: 100% !important;
}

@media screen  and (max-width: 768px) {
    .form-container {
        padding: 0 !important;
    }

    .form-container .card {
        width: 90%;
    }
}