:root {
    --bs-link-color: black;
    --bs-body-font-family: Verdana;
    --bs-body-font-size: 0.9rem;
}

.user-bar {
    background-color: #eaeae1;
    font-size: .9em;
    color: #336699;
}

.alert {
    --bs-alert-padding-y: 0.5rem;
}

.alert-dismissible .btn-close {
    padding-top: 0.3em;
}

a {
    color: #336699;
    text-decoration: none;
}

.role-button {
    color: #336699;
}

.border-profile-info {
    border-color: #336699;
}

.step {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 7px;
    text-align: center;
    font: 18px Verdana, sans-serif;
    color: #666666;
    background: lightgray;
    opacity: 0.50;

    &.active {
        color: #336699;
        font-weight: bold;
        opacity: 1;
    }

    &.complete {
        color: white;
        background: #389971;
    }
}

.photo-profile {
    max-height: 350px;
    max-width: 350px;
}

.photo-blur {
    filter: grayscale(1) blur(8px);
}

.photo-blur-community {
    filter: blur(5px);
}