/* Maker's mark. Small, fixed, out of the way of the controls, and readable on
   both the dark cluster scenes and the light field ones. */
.made-by {
  position: fixed;
  right: clamp(.8rem, 2.5vw, 2rem);
  bottom: clamp(.7rem, 2vw, 1.4rem);
  z-index: 10;
  font: 500 11px/1 system-ui, -apple-system, sans-serif;
  letter-spacing: .02em;
  color: #fff;
  opacity: .42;
  text-decoration: none;
  /* The scenes behind this range from near-black to bright orange, so the mark
     carries its own contrast rather than trusting the backdrop. */
  text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
  transition: opacity .2s ease;
}
.made-by:hover { opacity: .85; }