.bg-navbar-apis {
    background-color: var(--white);
    border-bottom: 1px solid var(--gray);
    padding: 0 1rem;
    display: flex;
    gap: 0.5rem;
}

#nav-apis {
    a {
        font-family: var(--main-font-bold);
        font-size: 15px;
        color: var(--black) !important;
        text-decoration: none;
        padding: 1rem 1rem;
        border-bottom: 3px solid transparent;
        transition: all 0.2s ease-in-out;
    }

    a:hover {
        background-color: var(--gray);
    }

    a.active {
        border-bottom-color: var(--yellow);
    }
}