@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/* Above is the Font Awesome CSS to display the Pause and Play buttons! */


body{
  margin: 0;
  padding: 0;
  background-image: url(https://howl-to-the-moon.github.io/host/h_realWebbys/imgs/sitemapBG.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  background-attachment: fixed;
  background-color: purple;
}

.navi{
  background-color: white;
  width: 250px;
  border-left: 5px yellow solid;
  border-right: 5px yellow solid;
  border-top: 5px purple solid;
  border-bottom: 5px purple solid;
}


/* ===== AUTOPLAY ===== */
.buttondiv {
  cursor: pointer;
  position: fixed;
  height: 35px;
  bottom: 5px;
  width: 35px;
  left: 5px;
  color: white;
  z-index: 1;
}

.autoplayer button {
  background: rgb(255, 255, 255);
  cursor: pointer;
  color: blue;
  border: none;
  padding: 1px 4px 0px 4px;
  font-size: 18px;
  position: fixed;
  height: 35px;
  bottom: 5px;
  width: 35px;
  left: 5px;
  border: grey 2px solid;
}

.autoplayer a {
  background: rgb(255, 255, 255);
  color: blue;
  text-decoration: none;
  padding: 2px 10px;
  position: fixed;
  font-size: 14px;
  bottom: 5px;
  z-index: 1;
  left: 50px;
  border: grey 2px solid;
}