<|start_filename|>pages/styles.css<|end_filename|>
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .input {
    @apply block w-full rounded border-gray-300 shadow-sm focus:border-green-300 focus:ring focus:ring-green-200 focus:ring-opacity-50;
  }

  .button {
    @apply bg-black text-white px-4 py-2 rounded hover:opacity-60;
  }

  .button-secondary {
    @apply bg-white text-gray-600 border px-4 py-2 rounded hover:opacity-60;
  }
}
