body {
 margin: 0;
 overflow: hidden;
 background: linear-gradient(135deg, #ff69b4, #ff1493);
 font-family: "Comic Sans MS", "Arial", sans-serif;
 color: #fff;
 text-align: center;
}
canvas {
 display: block;
}
#info {
 position: absolute;
 top: 10px;
 width: 100%;
 padding: 10px;
 background: rgba(255, 182, 193, 0.8);
 border: 2px solid #fff;
 border-radius: 15px;
 box-shadow: 0 0 20px #ff69b4;
 text-shadow: 0 0 5px #000;
}
h1 {
 font-size: 2.5em;
 margin: 0;
 color: #fff;
 text-shadow: 2px 2px 4px #ff1493;
}
p {
 font-size: 1.2em;
 margin: 5px 0;
}
.sparkle {
 position: absolute;
 width: 10px;
 height: 10px;
 background: radial-gradient(circle, #fff, #ff69b4);
 border-radius: 50%;
 animation: sparkle 1s infinite;
}
@keyframes sparkle {
 0% {
  transform: scale(1);
  opacity: 1;
 }
 50% {
  transform: scale(1.5);
  opacity: 0.5;
 }
 100% {
  transform: scale(1);
  opacity: 1;
 }
}