button:hover {
  box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.6);
  background-color: black;
  color: #16F529;
}

button {
  font-family: inherit;
  padding: 1.0rem 2.4rem;
  background-color: #16F529;
  color: black;
  border: solid;
  border-radius: 0;
  border-color: #16F529;
  border-width: 4px;
  /* hehehehe*/
  transition-duration: 0.4s;
  margin-left: 1.0rem;
  margin-right: 1.0rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

html {
  font-size: 62.5%;
}

body {
  border-color: #16F529;
  font-family: "Lucida Console", "Courier New", monospace;
  background-color: black;
  color: #16F529;
  box-sizing: border-box;
}

#nav-icon3-container {
  background-color: black;
  padding: 1.2rem;
  border: solid;
  border-color: #16F529;
  border-radius: 1.0rem;
  position: fixed;
  right: 2.0rem;
  top: 2.0rem;
  z-index: 10;
}

/*I stole this from: https://codepen.io/designcouch/pen/ExvwPY */
#nav-icon3 { width: 6.0rem; height: 4.5rem; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3 span { display: block; position: absolute; height: 0.9rem; width: 100%; background: #16F529; border-radius: 0.9rem; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 1.8rem; } #nav-icon3 span:nth-child(4) { top: 3.6rem; } #nav-icon3.open span:nth-child(1) { top: 1.8rem; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 1.8rem; width: 0%; left: 50%; }

#menu-list {
  position: fixed;
  border: solid transparent;
  border-radius: 1.0rem;
  right: 2.0rem;
  top: 10.0rem;
  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, border-color 0.5s ease-in-out 0.5s;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  z-index: 9;
  background-color: transparent;
}

#menu-list td {
  border: 2px solid inherit;
  padding: 0.5rem;
  font-size: 1.6rem;
  background-color: black;
  color: #16F529;
}

#menu-list td a, 
#menu-list td a:visited, 
#menu-list td a:hover, 
#menu-list td a:active {
    color: inherit;
    text-decoration: inherit;
}

#menu-list td:hover {
  background-color: #16F529;
  color: black;
}

#menu-list.open {
  border-color: #16F529;
  background-color: black;
  max-height: 30rem;
  padding: 1.2rem;
  overflow: visible;
  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, border-color 0s ease-in-out 0s;
}