@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply font-primary text-match-dark bg-white;
    direction: rtl;
  }
}

.match-card:hover .overlay {
  @apply opacity-100;
}

.overlay {
  @apply transition-opacity duration-300;
}