html {
  height: 100%;
}

body {
  cursor: url('/static/img/spaceship.png'), auto;
  background-image: url(/static/img/starstwinkle.gif);
  background-repeat: repeat;
  min-height: 100%;
  font-family: 'VT323', monospace !important;
  font-size: 1.25em !important;
  mix-blend-mode: screen;/* but like opacity it will affect the whole container and content */
}

#topBtn {
  position: fixed;
  left: 30px;
  bottom: 20px;
  font-size: 12px;
}

.xmas-tree-l {
  position: fixed;
  bottom: 85px;
  left: 1px;
}

.baby-devil-l {
  position: sticky;
  bottom: 80px;
  left: 15px;
  margin-top: -150px;
}

.blink-tux-r {
  position: sticky;
  bottom: 80px;
  margin-left: 90%;
  margin-top: -150px;
  margin-bottom: -35px;
}

.music-player {
  position: fixed;
  bottom: 85px;
  right: 15vw;
}