body {

background-image: url(IC.jpg);
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
   padding: 0;
 
 min-height: 100vh;
 

}

.fairy {


    color: rgb(0, 0, 0);
    animation: glowPulse 11s infinite alternate ease-in-out;
  }

  @keyframes glowPulse {
    0% {
      color: rgb(255, 100, 100); 
      text-shadow: 0 0 6px rgb(255, 0, 0), 0 0 20px rgb(255, 102, 0);
    }

    50% {
      color: rgb(150, 150, 255); 
text-shadow: 0 0 6px rgb(68, 0, 255), 0 0 20px rgb(0, 119, 255);
    }
    
    100% {
       color: rgb(255, 0, 119); 
      text-shadow: 0 0 10px rgb(156, 0, 104), 0 0 40px rgb(255, 164, 243);
    }
  }

  .fairy {
   position: absolute;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 6px #138dd4) drop-shadow(0 0 10px #2305a8);
  animation: glow 1.5s ease-inrgb(29, 133, 182)finite alternate;
  animation:
    floaty-move 3s ease-in-out infinite,
    sparkle-shift 12s linear infinite alternate;
}

/* Gentle vertical float */
@keyframes floaty-move {
  0%   { transform: translateY(1); }
  50%  { transform: translateX(-7px); }
  100% { transform: translateY(3); }
}


.back {

position:sticky;
text-align: center;
}