a bit more noticeable menu selection at the top?

[himorin]

I've contacted in Japanese community for where is the samples for layers or new incubation, and it's at the top above the WebXR logo, but only change is the top most thin black bar and opacity of titles, along with usual underline of a links. And I'd somehow agree it's a bit difficult to find at the first moment without knowing.

how about,, something like (surely bad design, that I'm terrible taste in drawing/designing things...)

1. add lower bar for selected, higher contrast for :hover

like

#nav a {
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
#nav a.selected {
  border-bottom: 2px solid black;
}
#nav a:hover {
  background-color: #FFFFFF;
  opacity: 0.7;
}

2. adding label boundary with bottom round tab

like

#nav a {
  padding-bottom: 16px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
}
#nav a.selected {
  border: black 2px solid;
  border-top: 0px;
  border-radius: 0 0 10px 10px;
}
#nav a:hover {
  border: black 2px solid;
  border-top: 0px;
  border-radius: 0 0 10px 10px;
  background-color: #FFFFFF;
}

/cc @AdaRoseCannon @cabanier (I'm personally fine to be closed without any action, of course)