Navlink hover animation help

Hello,
My navbar start as background trasparent, and text is black.
and on mouse hover animation, text will change to yellow.

while i scroll down,
navbar background color change to black, and text change to white.
but…as mouse hover out, the text change to black…not white…
I understand it’s the hover animation cause it…
Could you teach me how to make the setting right?
or is there a tutorial I can learn.
Thanks


Here is my public share link: [LINK][1]
Blockquote