@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! */


@font-face {
    font-family: 'Pixel Operator';
    src: url('https://howl-to-the-moon.github.io/host/h_realWebbys/fonts/PixelOperator.woff2') format('woff2'),
        url('https://howl-to-the-moon.github.io/host/h_realWebbys/fonts/PixelOperator.woff') format('woff');
        
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Press Start';
    src: url('https://howl-to-the-moon.github.io/host/h_realWebbys/fonts/PressStart2P.woff2') format('woff2'),
        url('https://howl-to-the-moon.github.io/host/h_realWebbys/fonts/PressStart2P.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body{
    margin: 0;
    padding: 0;;
}

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

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

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