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

@layer base {
  body {
    @apply font-sans antialiased;
  }

  code {
    @apply font-mono;
  }
}

@layer components {
  .btn {
    @apply inline-block px-4 py-2 m-2 rounded-lg;
  }
  .btn--yellow {
    @apply text-yellow-400 border border-yellow-400;
  }
  .btn--yellow:hover {
    @apply bg-yellow-400 text-gray-800;
  }
}