@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 prose-a:text-white;
  }
}

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

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