/*  Your Custom CSS Code Goes Here */
.outlined-text {
    -webkit-text-stroke: 2px #FBE7DC; /* Default outline color */
    transition: all 0.3s ease-in-out;
  }

  .group:hover .outlined-text {
    color: #FBE7DC; /* Fill text color */
    -webkit-text-stroke: 0px; /* Remove stroke */
  }

  .outlined-text:hover {
    color: #F9DED2; /* Keep it filled when hovering on text */
    -webkit-text-stroke: 0px; /* Prevent outline from returning */
  }
  
  
  
  
  
/* Custom animation for the flag */
    @keyframes flagWave {
      0% { transform: rotate(0deg); }
      25% { transform: rotate(-5deg); }
      50% { transform: rotate(0deg); }
      75% { transform: rotate(5deg); }
      100% { transform: rotate(0deg); }
    }
    
    .flag-animation {
      animation: flagWave 3s ease-in-out infinite;
      transform-origin: bottom center;
    }
    
    /* Bounce animation */
    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    
    .bounce-animation {
      animation: bounce 2s ease-in-out infinite;
    }

	/* Blink animation */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.blink-animation {
  animation: blink 2s ease-in-out infinite;
}

	/* float animation */
.float {
       animation: float 4s infinite ease-in-out;
      }
      
@keyframes float {

            0%,
            100% {
                transform: translateY(0) rotate(0deg);
            }

            50% {
                transform: translateY(-20px) rotate(10deg);
            }
        }
     
	/* shake animation */   
	.wiggle:hover {
	
	  animation: wiggle 0.5s infinite;
	}
@keyframes wiggle {

            0%,
            100% {
                transform: rotate(-3deg);
            }

            50% {
                transform: rotate(3deg);
            }
        }
        
        .rotating-bg {
            background: linear-gradient(135deg, #ff8bb3, #ffd6c2, #bfcaf2, #ffe44d, #b9e3cb);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
         @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }