.icon {
    height: 1.5em;
    width: 1.5em;
    margin-right: 0.5em;
}

.avatar {
    height: 2.5em;
    width: 2.5em;
}

.modal-content {
    border: none !important;
}

.modal {
    display: flex;
}

.banner {
    z-index: -200;
    width: 100vw;
    height: 40vh;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

.bq {
    padding-left: 0.5em;
    margin: 0.25em 0 0.25em 0;
    border-left: 4px solid rgba(128, 128, 128, 0.3);
}

.nav-link {
    background-color: var(--bs-body-bg) !important;
    border-color: rgba(128, 128, 128, 0.3) !important;
    border-bottom-color: transparent !important;
}

.nav-tabs {
    gap: 0.25em;
}

.nav-tabs {
    border-bottom: none !important;
}

/* .nav-tabs {
    justify-content: center !important;
} */