html,
body,
#game-container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  /* Pin to the viewport so tapping/dragging the game can't scroll or
     rubber-band the page on mobile. */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(255, 255, 255, 0.87);
  background-color: #000000;
  /* The preloader background image is set on <body> in main.ts; these keep it
     covering the viewport while the game canvas loads. */
  background-repeat: no-repeat;
  background-position: top center !important;
  background-size: cover;
  background-attachment: fixed;
}

#game-container {
  position: relative;
}

canvas {
  display: block;
}
