:root {
    --blue1: #48cae4;
    --blue2: #023e8a;
    --blue3: #03045e;
    --orange: #ff7700;
    --green: #4DAA57;
}

.user-bg {
    background-color: var(--blue1);
}

.btn-primary {
    background-color: var(--blue1)!important;
    border: none;
}

.btn-orange {
    background-color: var(--orange)!important;
    border: none;
    color: white!important;
}

.btn-green {
    background-color: var(--green)!important;
    border: none;
    color: white!important;
}

.nav-bg {
    background-color: var(--blue3);
    color: white!important;
}

.dark-mode {
    background-color: darkslategray!important;
    color: white!important;
}

.event-details {
    font-size: 14px;
    line-height: 1.5!important;
}

span.event-details {
    line-height: 0.8!important;
}

.login-bg {
    background-color: var(--blue2);
}

.bg-orange {
    background-color: #fd892a;
}

.bg-blue {
    background-color: var(--blue1);
}

.bg-green {
    background-color: #47ce67;
}

.main-header {

    background-color: var(--blue3);
    color: white;
    width: 100%;

}

.pictures {
    font-size: 60px;
}

#messages-table td {
    font-size: 14px;
}