@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

* {

  font-family: "Caveat", cursive;

  /* neon vibe */
  text-shadow:
    0 0 0.5rem #fff,
    0 0 1.25rem #fff,
    0 0 2rem #fff,
    0 0 4rem #0fa,
    0 0 5rem #0fa,
    0 0 6rem #0fa,
    0 0 8rem #0fa,
    0 0 10rem #0fa;
}

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: black;
}
canvas {
  display: block;
}
.message {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: white;
  opacity: 0;
  animation: floatFade 3s ease forwards;
  text-align: left;
}
@keyframes floatFade {
  0% { opacity: 0; transform: translate(-50%, -35%); }
  30% { opacity: 1; }
  60% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -85%); }
}