@-webkit-keyframes hidemenu {
  to {
    -webkit-transform: translateX(-314px);
            transform: translateX(-314px);
  }
}

@keyframes hidemenu {
  to {
    -webkit-transform: translateX(-314px);
            transform: translateX(-314px);
  }
}

@-webkit-keyframes showmenu {
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes showmenu {
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

body {
  margin: 0;
  font-family: Helvetica, Arial;
}

nav {
  -webkit-animation: hidemenu;
          animation: hidemenu;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transform: translateX(-314px);
          transform: translateX(-314px);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F2F2F2;
}

nav a {
  padding: 12px 16px 12px 16px;
  color: black;
  font-size: 150%;
  text-decoration: none;
  font-weight: 600;
}

nav a:hover {
  background-color: #e5e5e5;
}

nav a:nth-child(1) {
  margin-top: 16px;
  background-color: #D6DCE5;
  border-left: 6px solid #8497B0;
}

/* Made by Thundiverter */
#madebythundiverter {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-top: 32px;
  padding: 12px 0px 12px 0px;
  background-color: #1F4E79;
  color: #fff;
  font-size: 90%;
  text-align: center;
}

#madebythundiverter a {
  color: #fff;
  text-decoration: none;
}

#madebythundiverter a:hover {
  text-decoration: underline;
}
/*# sourceMappingURL=style.css.map */