@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&family=Roboto:wght@400;700&display=swap');

@tailwind base;

@tailwind components;

@tailwind utilities;

body {
  font-family: 'Roboto', sans-serif;
}

.font-outfit {
  font-family: 'Outfit', sans-serif;
}

.glow {
  position: relative;
  overflow: hidden;
  --glow-color: #A7C957;
}

.glow::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--glow-color), transparent);
  animation: glow-animation 4s linear infinite;
  opacity: 0.6;
}

@keyframes glow-animation {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}