* {
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  /* Matches the bottom of the sky so any browser overscroll never shows white. */
  background: #6aa6e4;
}

/* Pinning the body stops iOS from rubber-band scrolling the document. */
body {
  position: fixed;
  inset: 0;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  background: linear-gradient(180deg, #3a7ad0 0%, #4f91db 50%, #6aa6e4 100%);
}

#sky {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}