Why am I unable to change the color of the font of my navbar on the top of the center of my webpage?

HTML-CSS
#1

I did color: white; in the css section for the navbar but the font does not show up white. Why is that and how should I fix this issue?
Code: https://codepen.io/umalik1910/pen/WLdLPO

#2

You are targetting the nav element when you should be targetting the a elements inside it.
try with something like nav a {color: white} and see if that works!

try
try819×451 59.8 KB

#4

Also I would advice to use your id tag instead of the general nav tag, which would change all your nav tags incase you would have more.
#navbar a { color: #fff }

#5