No decoration on links in CSS

Example page, Accompanying CSS

Should be a fairly basic issue but for some reason I can't 开发者_JAVA技巧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?

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