.menu
{
  text-align: center;
  padding: 20px 20px;
}

.menubutton
{
  font-family: 'Open Sans Condensed';
  font-size: 18px;
  float: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 36px;
  transition: 0.3s;
}

.menubutton.active
{
  background-color: #f0f0f0;
}

.menubutton:hover
{
  background-color: #e0e0e0;
}

.pane
{
  display: none;
  padding: 6px 12px;
  border-top: none;
  animation: PaneFade 1s;
}

@keyframes PaneFade
{
  from {opacity: 0;}
  to {opacity: 1;}
}