.navbar {
    color: var(--text-color) !important;
    background-color: var(--main-color) !important;
    box-shadow: 0 1px 10px var(--disable-color);
}

.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: start;
    font-weight: bolder;
    transition: all 0.5s ease;
}

.navbar-brand img {
    width: 36px;
    margin-right: 8px;
}

.navbar-brand:hover {
    color: var(--accent-color) !important;
    transform: scale(1.025);
}

.nav-item.active .nav-link {
    font-weight: bold;
    text-decoration: underline;
    color: var(--accent-color) !important;
    text-underline-offset: 4px;
}

.nav-link:hover {
    text-decoration: underline;
    color: var(--hover-color) !important;
    text-underline-offset: 4px;
}