div#logo {
  text-align:center;
  font-size:24px;
  margin-bottom:0px;
}
/*
 * Source - https://stackoverflow.com/a/41668247
 * Posted by connexo
 * Retrieved 2026-06-18, License - CC BY-SA 3.0
 * Now:
 * https://matthewjamestaylor.com/css-centered-menus
 * */

div.menucentered {
  float:left;
  width:100%;
  background:#fff;
  /* border-bottom:4px solid #000; */
  margin-bottom:15px;
  position:relative;
  margin:0.0em 0;
}

div.menucentered ul {
  clear:left;
  float:right;
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
  position:relative;
  right:50%;
  text-align:center;
}

div.menucentered ul li {
  display:block;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  left:50%;
  background:green;
}

div.menucentered ul li a {
  display:block;
  margin:0 0 0 1px;
  padding:3px 10px;
  background:#ddd;
  color:#000;
  text-decoration:none;
  line-height:1.3em;
}

div.menucentered ul li a:hover {
  background:#369;
  color:#fff;
}

div.menucentered ul li a.active, div.menucentered ul li a.active:hover {
  color:#000;
  background:#FFF;
  font-weight:bold;
}