@import "tailwindcss";

:root {
  --genesis-primary: #7fff00;
}

@keyframes carouselAnim-2 {
  from {
    transform: translate(calc(-100% + (2*300px)));
  }
  to {
    transform: translate(0,0);
  }
}
  
  @media only screen and (max-width: 768px) {
    .container .carousel-items {
      animation: carouselAnim 60s infinite alternate linear;
    }
    @keyframes carouselAnim {
      from {
        transform: translate(0, 0);
      }
      to {
        transform: translate(calc(100% + (5*300px)));
      }
    }
  }
  
  .carousel-focus:hover {
    transition: all 0.8s;
    transform: scale(1.1);
  }

.marker{
  fill:#1127ff;
}