Xmiana koloru działa tylko na ikone, a nie chce działać na cały <nav>

Hejka, jest to mój pierwszy post tutaj, więc chciałbym się z wszystkimi przywitać :)

Mój problem polega na tym, że robię pewny projekt.

Z kolei niestety u mnie nie działa to tak jak powinno bo tylko ikona zmienia kolor.

Podklejam swój codepen. https://codepen.io/Thoudy/pen/JjvvXGa?editors=1111

Bardzo proszę o pomoc.

Klasa .nav-link Ci nakłada color, a klasy mają wyższy priorytet niż nazwy tagów w CSS.

Ale ja przecież nie mam nic ustawionego na tym .nav-link

thoudy napisał(a):

Ale ja przecież nie mam nic ustawionego na tym nav-link

Dociągasz bootstrapa, a bootstrap ma swoje stylowanie dla .nav-link.