/* zanelindstrom.com: one full-screen canvas and a veil over it. No text. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  overflow: hidden;
  /* Also what shows when WebGL2 is not available. */
  background: radial-gradient(120% 80% at 50% 78%, #0c1218, #05070a 70%);
}

#water {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* Fades the horizon into black at the top and vignettes the bottom corners. */
.veil {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #05070a 0%, rgb(5 7 10 / 0.86) 20%, rgb(5 7 10 / 0) 38%),
    radial-gradient(140% 100% at 50% 100%, transparent 42%, rgb(5 7 10 / 0.72) 100%);
}