body {
    min-height: 100vh;
    max-width: 1000px;
    background-color: papayawhip; 
    margin: 0 auto;
}

table {
  margin: 8px;
}

th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  background: #666;
  color: #FFF;
  padding: 2px 6px;
  border-collapse: separate;
  border: 1px solid #000;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  border: 1px solid #DDD;
}



ul.mbar {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

li.mbar {
  float: left;
  border-right: 1px solid #bbb;
}

li.mbar a.mbar {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li.mbar a:hover {
  background-color: #111;
}


<!--
a {
  display: block;
  padding: 8px;
  background-color: #dddddd;
}
-->