* {
  font-family: "Comic Sans MS", "Comic Sans", cursive !important;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  margin: 0; 
  padding: 20px;
  background-color: pink;
  background-image: url("https://i.pinimg.com/736x/84/16/92/841692a56524e654e99bc25fbbd33fb4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

h1, h2 {
  color: hotpink;
  animation: sparkle 2s infinite alternate;
  background-color: rgba(255, 192, 203, 0.8);
  display: inline-block;
  padding: 12px 24px;
  border-radius: 20px;
  text-shadow: 2px 2px white;
  margin-bottom: 20px;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}


p, p.content {
  display: block;               
  max-width: 600px;             
  margin-left: auto;            
  margin-right: auto;           
  margin-bottom: 15px;          
  padding: 12px 20px;           
  border-radius: 20px;          
  background-color: rgba(255,192,203,0.8); 
  color: hotpink;               
  line-height: 1.8;             
  font-size: 18px;              
  text-align: center;           
  animation: sparkle 2s infinite alternate; 
}

a.button {
  display: inline-block;
  padding: 8px 16px;
  font-size: 18px;
  border-radius: 15px;
  background-color: rgba(255,182,193,0.8);
  color: hotpink;
  text-decoration: none;
  margin-top: 10px;
  text-align: center;
}

a.button:hover {
  background-color: rgba(255,150,200,0.9);
}

a.button.sparkle, .sparkle {
  animation: sparkle 2s infinite alternate;
}

@keyframes sparkle {
  from {
    text-shadow:
      0 0 5px #ffb3d9,
      0 0 10px #ff66b2,
      0 0 15px #ff99cc;
  }
  to {
    text-shadow:
      0 0 10px #fff0f7,
      0 0 20px #ff66b2,
      0 0 30px #ff3399;
  }
}

.footer {
  margin-top: auto;
  text-align: center;
}

.footer p {
  color: hotpink;
  font-size: 16px;
  text-shadow:
    0 0 5px #ffb3d9,
    0 0 10px #ff66b2,
    0 0 15px #ff99cc;
  background-color: rgba(255,192,203,0.8);
  display: inline-block;
  padding: 8px 16px;
  border-radius: 15px;
}

.sparkle {
  position: relative;
  display: inline-block;
  font-family: "Segoe UI Symbol", Arial, sans-serif; 
}

.sparkle::before,
.sparkle::after {
  content: "★"; 
  position: absolute;
  font-size: 16px;
  color: #fff0f7;
  animation: twinkle 1.5s infinite alternate;
}

.sparkle::before {
  top: -10px;
  left: -10px;
}

.sparkle::after {
  top: -10px;
  right: -10px;
}

@keyframes twinkle {
  0% { opacity: 0.2; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0.2; transform: scale(0.8); }
}

.world-links {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.world-links li {
  margin: 15px 0;
}