body {
  padding: 10px;
  margin: 20px;
  font-family: Roboto, sans-serif;
}

.navbutton {
  background-color: #737373;
  overflow: hidden;
}

.navbutton a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: calc((26vw - 5.5rem) / 7);
  text-decoration: none;
  font-size: calc((32vw - 5.5rem) / 7);
}

.navbutton a:hover {
  background-color: #cdcdcd;
  color: #000000;
}

.button {
  color: #f2f2f2;
  text-align: center;
  padding: 4px 10px;
  text-decoration: none;
  font-size: 14px;
  background-color: #737373;
  overflow: hidden;
}

.button:hover {
  background-color: #cdcdcd;
  color: #000000;
}