.menu{
    display: flex;
    width: 98%;
    overflow-y: scroll;
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 0 4px var(--secondary-color-lighter);
}
    .menu  .project-cat{
        color: var(--secondary-color-light);
        border-radius: 10px;
        box-shadow: 0 0 1px var(--secondary-color-light);
        background-color: var(--secondary-color-lighter);
        padding: .1em .5em;
        font-size: 12px;
        margin: .5em ;
        white-space: nowrap;

        }


        .cat-container  .active-cat{
            color: var(--primary-color-light);
            border-radius: 10px;
            box-shadow: 0 0 1px var(--primary-color-light);
            background-color: var(--primary-color-lighter);
            padding: .1em .5em;
            font-size: 12px;
            margin: .5em 0;
            }