では、ダミーで付けておいたこちらの background: pink; は消してあげて、あとはホバーで背景色が付くようにしてあげれば、わかりやすいメニューになるはずです。

前段に

nav a {
  width: 100px;
  text-align: center;
  line-height: 64px;
  display: block;

とあるのに

nav a:hover{・・・・・

というのがわかりません。