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

body {
  @apply font-sans text-gray-800 max-w-5xl mx-auto p-8;
}

header {
  @apply flex justify-between items-center mb-8 pb-4 border-b border-gray-200;
}

nav a {
  @apply ml-4 text-gray-600 no-underline hover:text-black;
}

main {
  @apply min-h-[60vh];
}

footer {
  @apply mt-8 pt-4 border-t border-gray-200 text-gray-600 text-sm;
}