body {
  margin: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: linear-gradient(45deg, #ff6b6b, #f06595, #d6336c, #a61e4d, #d9480f, #f6c23e, #66ff66, #38a1db, #2c7bb6, #f084d6, #bf00ff);
  background-size: 400% 400%;
  animation: gradientAnimation 15s ease infinite;
  font-family: Arial, sans-serif;
}

canvas {
  display: block;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}