footer {
  margin: 0.2vh;
  height: 4vh;
  border: 1px solid white;
  background-color: blue;
  color: yellow;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.menu {
  background-color: navy;
  color: white;
  border: 1px solid white;
  margin: 1vw;
  width: 10vw;
  text-align: center;
  text-decoration: none;
}
.menuitems {
  width: 10vw;
  display: none;
  position: absolute;
  bottom: 3.5vh;
  background-color: blue;
  color: white;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 0.2vh 0.1vh;
}
.menuitem {
  background-color: navy;
  border: 1px solid white;
  color: white;
  display: block;
  margin: 1vh;
  text-decoration: none;
}
.menuitem:hover {
  background-color: #ddd;
}
.menu:hover .menuitems {
  display: block;
}
.menu:hover .menubase {
  background-color: green;
}