@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-montserrat: var(--font-montserrat);
  --font-orbitron: var(--font-orbitron);
}

@media (prefers-color-scheme: dark) {
  :root {
  }
}

body {
  font-family: var(--font-montserrat), sans-serif;
}

.leaflet-container {
  z-index: 0;
}

.custom-marker {
  background: transparent;
  border: none;
}

@layer utilities {
  @keyframes infinite-scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  .animate-infinite-scroll {
    animation: infinite-scroll 25s linear infinite;
  }

  @keyframes pan-lr {
    0%   { object-position: 0% 100%; }
    50%  { object-position: 100% 100%; }
    100% { object-position: 0% 100%; }
  }

  .animate-pan-lr {
    animation: pan-lr 20s ease-in-out infinite;
  }
}