/* "The Robot and Me" — opening animation styles.
   Three rules, lifted from the original site. --ground is its page background;
   set it once at :root (it is white on the original). */

:root {
  --ground: #fff;
}

.pre {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: var(--ground, #fff);
}

.pre-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* The only text in the intro, for screen readers. */
.pre-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}