#heading {
    color: #2589fe;
}

#loginCard {
    width: 380px;
    box-shadow: -1px 9px 16px 15px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'Cambria Math'
}

.btn-outline-primary {
    color: #1673a7f0 !important;
    border-color: #1673a7f0 !important;
}

#customButton:hover {
    color: white !important;
    background-color: #1673a7f0 !important;
    border-color: #1673a7f0 !important;
}
#FloginCard {
    width: 53rem;
}
@media (min-width: 820px) {

    .custom-message {
        font-size: small;
    }
}

@media (min-width: 1820px) {

    #loginCard {
        width: 511px;
        box-shadow: -1px 9px 16px 15px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        font-family: 'Cambria Math'
    }

    #FloginCard {
        width: 80rem
    }

    .custom-message{
        font-size: medium;
    }
}