@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.custom-marker {
  animation: pulse 2s infinite;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Leaflet popup custom styling */
.leaflet-popup-content-wrapper {
  background: rgba(0, 0, 0, 0.9);
  color: white;
  border: 2px solid #fbbf24;
}

.leaflet-popup-tip {
  background: rgba(0, 0, 0, 0.9);
}

/* Comic Sans for humor */
h1 {
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(251, 191, 36, 0.8);
}

/* Floating hearts animation */
@keyframes fall {
  0% {
    transform: translateY(-100px) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}