.menu {
  display:                  block;
  padding:                  0;
  position:                 fixed;
  z-index:                  5;
  bottom:                   1vh;
  left:                     1vw;
}

.menu-button {
  background:               var(--bcol);
  border:                   none;
  color:                    var(--mcol);
  font-size:                3vh;
  opacity:                  var(--mopa);
  padding-left:             0.2vh;
  padding-right:            0.2vh;
}

.menu-body {
  padding:                  1vh;
}

.menu-content {
  background:               var(--bcol);
  bottom:                   1vh;
  box-shadow:               1.0vw 2.0vw 1.0vw rgba(0,0,0,0.5);
  color:                    var(--mcol);
  display:                  none;
  font-size:                1.8vh;
  margin-bottom:            0;
  opacity:                  var(--mopa);
  position:                 absolute;
  z-index:                  1;
}

.menu-content a {
  color:                    var(--mcol);
  display:                  block;
  text-decoration:          none;
  padding-bottom:           1vh;
}

.menu-header {
  background:               var(--icol);
  font-weight:              bold;
  padding:                  1vh;
  text-align:               center;
}

.menu-content a:hover       {background-color: var(--mcol); color: var(--icol);}
.menu:hover   .menu-content {display: block;}
.menu:hover   .menu-button  {background: var(--bcol);}