html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

body {
  min-height: 100vh;
}

#globeViz {
  width: 100%;
  height: 100%;
}

/* Let vertical swipes scroll the page through the globe; horizontal drags still
   spin it. Fixes the embedded globe blocking scroll on touch devices. */
#globeViz,
#globeViz canvas {
  touch-action: pan-y;
}

@media only screen and (max-width: 600px) {
  body {
    min-height: 150px;
  }
}