MDT_5_2_projekt/foundation_shopping_list/src/assets/scss/components/_navigation.scss

.menu {
    background-color: $black;
    font-size: 150%;

    .menu-text {
        color: $primary-color;
    }

    li {
        span,i {
            color: $white;
        }

        i {
            padding-right: 10px;
        }

        &:hover:not(.menu-text) {
           background-color: lighten($black, 20%);
        }

        padding: 50px;
    }
}