@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Bangers");
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Montserrat:wght@700&family=Poppins:wght@400&display=swap');

@keyframes springBackground {
  0%, 100% {
    background-size: 100% auto;
  }

  50% {
    background-size: 110% auto;
    /* Adjust the scale as needed */
  }
}

.text-black-stroke {
  -webkit-text-stroke: 1px black;
  /* WebKit browsers (Safari, Chrome) */
  text-stroke: 1px black;
  /* Standard */
}

.text-black-stroke-large {
  -webkit-text-stroke: 3px black;
  /* WebKit browsers (Safari, Chrome) */
  text-stroke: 3px black;
  /* Standard */
}

.text-white-fill {
  -webkit-text-fill-color: white;
  /* WebKit browsers (Safari, Chrome) */
  fill: white;
  /* Standard */
}