/* The globe page should never scroll */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;          /* <-- no scrollbars inside iframe */
  background: transparent;
}

/* The container fills the iframe completely */
#globe {
  width: 100%;
  height: 100%;              /* <-- follow the iframe height */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
html, body { height: 100%; overflow: hidden; background: transparent; }
#globe { width: 100%; height: 100%; overflow: hidden; }
canvas { width: 100% !important; height: 100% !important; display: block; }
/* Globe full-bleed, no internal scroll */
#globe {
  position: relative;
  width: 100%;
  height: 100vh;          /* fills the viewport */
  overflow: hidden;
}
#globe canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}