No decoration on links in CSS

Question

Example page, Accompanying CSS

Should be a fairly basic issue but for some reason I can't figure it out.

Basically I want the links in my navbar to have no underline or colour change and remain white.

Any idea where I'm going wrong?

Answer 1

It's because you're selecting the main .links element, but not the actual a elements inside. This should do the trick:

.links a {
  text-decoration: none;
  color: white;
}