@import "tailwindcss";

@import './global.css';
@import './colors.css';
@import './typography.css';
@import './prose.css';

/* Import Tailwind typography plugin */
@plugin "@tailwindcss/typography";

body {
  @apply bg-background text-text font-sans;
}

header#site_head {
  @apply bg-primary text-white flex items-center justify-between;
  @apply py-4 px-60;

  nav ul {
    @apply flex space-x-4 justify-end-safe;
  }
}

main {
  @apply prose container mx-auto px-4 py-8 max-w-5xl;
}

footer#site_foot {
  @apply bg-secondary text-white text-center;
}