.login-page {
    background: #092a52 !important;
    background-image: linear-gradient(-60deg, rgb(9, 42, 82), rgb(77, 108, 143)) !important;
}
.login-card-body, .register-card-body {
    opacity: 0.95;
    border-radius: 5px;
}
.actionButton {
    text-align: center;
    font: 14px/32px "Roboto", sans-serif;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    padding: 1px 20px;
    background: #19b68d;
}
.actionButton:hover {
        background: #039d8d;
    }
.card-tools .actionButton,
#getAddressPanel .actionButton {
    height: unset;
    text-transform: unset;
}
a {
    color: rgb(77, 108, 143);
}
 footer {
     color: #fff;
 }
.locationChoice {
    cursor: pointer;
    background-color: rgb(77, 108, 143);
    color: #ffffff;
    padding: 3px;
    margin-bottom: 5px;
    border-radius: 3px;
    font-size: 12px;
}
#userDashboard ul {
    list-style-type: none;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}
#userDashboard li {
    padding-bottom: 10px;
}
.userContributionItem {
    margin-bottom: 25px;
}
.userContribution img {
    float: left;
    margin-right: 10px;
    margin-bottom: 25px;
}
@media (max-width: 768px) {

    #userDashboard {
        display: flex;
        flex-direction: column;
    }

        #userDashboard > #a {
            order: 2;
        }

        #userDashboard > #b {
            order: 1;
        }

        #userDashboard > #c {
            order: 3;
        }}