CSS no decoration on links

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?

Thanks!

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;
}