nav.nav_bar
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .2rem .5rem;
  width: 100%;
  margin: .5rem .2rem 1rem .2rem;
}

nav.nav_bar > a
{
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space:  nowrap;
}

nav.nav_bar > a:link { color: black; }
nav.nav_bar > a:visited { color: black; }
nav.nav_bar > a:hover { color: #882121; border-color: #882121; }
nav.nav_bar > a:active { color: black; }

nav.nav_bar > a,
nav.nav_bar > input
{
  font-variant: small-caps;
  letter-spacing: 1px;
  font-size: .9rem;
  border: 1px dotted gray;
  border-radius: 6px;
  padding: 4px 6px;
}

nav.nav_bar > input
{
  background-color: rgba(200, 200, 200, .4);
}

nav.nav_bar > a:hover,
nav.nav_bar > input:hover
{
  color: #882121;
  border-color: #882121;
}