/* Background colour cycle – replaces the former jQuery mousemove handler.
   The colours are the corners of the range the script used to compute
   (r/g 145–250, b 40–220), starting from the original load colour. */
@keyframes backgroundColour {
  0%,
  100% {
    background-color: #e6226d;
  }
  25% {
    background-color: #9191dc;
  }
  50% {
    background-color: #fa9182;
  }
  75% {
    background-color: #fafa28;
  }
  90% {
    background-color: #91fa82;
  }
}

#bg {
  background-color: #e6226d;
  animation: backgroundColour 60s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  #bg,
  #perls {
    animation: none;
  }
}