.judul, .info-text {
  font-family: 'Baloo 2', cursive;
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-floating {
  animation: floating 4s ease-in-out infinite;
}

.gift-box {
  aspect-ratio: 1 / 1;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: block;
  filter: drop-shadow(0 0 8px rgba(255,255,255,0.1));
  transition: transform 0.3s ease;
  animation: glowPulse 2s ease-in-out infinite;
}

.gift-box:hover {
  transform: scale(1.05);
}

@keyframes glowPulse {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.6));
  }
}



#zoom-layer.active {
  display: flex;
}


.blur-hadiah {
  filter: blur(3px) brightness(0.6);
  pointer-events: none; 
  transition: filter 0.3s ease;
}

.hidden {
  display: none;
}

@tailwind base;
@tailwind components;
@tailwind utilities;