@font-face {
  font-family: EBGaramond-ExtraBold;
  src: url(EBGaramond-ExtraBold.ttf);
}

html, body {
  /*animate({scrollTop: 0}, "slow")*/
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

body {
  width: 100%;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  min-width: 285px;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#back-links {
  position: absolute;
  left: 25%;
  right: 25%;
  min-height: 50px;
  max-height: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  z-index: 0;
}

#page-content {
  position: relative;
  display: block;
  width: 100vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
}

section {
  margin-top: 40px;
  margin-bottom: 40px;
}

button, button a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 150px;
  width: 25%;
  background-color: #00adef;
  color: #2f3233;
  border-radius: 6px;
}

#left-panel button, #left-panel button a {
  min-width: 175px;
  width: 75%;
}

button a:link, button a:visited, button a:hover, button a:active {
  color: #2f3233;
  text-decoration: none;
}

ul {
  list-style: none;
}

ul li {
  margin-top:5px;
  margin-bottom: 5px;
}

ul li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: auto;
  padding-right: auto;
  width: 100%;
  background-color: #2f3233;
  border-radius: 6px;
}

ul li a:link, ul li a:visited, ul li a:hover, ul li a:active {
  color: #00adef;
  text-decoration: none;
}

@media all and (min-width: 486px) {
  #page-content {
    top: 135px;
  }
  section {
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
  }
}


@media all and (max-width: 485px) {
  #page-content {
    top: 107px;
  }

  section {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }

  section>ul {
    padding-left: 0px;
  }
}