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

body {
  height: 100vh;
}

.primary {
    @apply bg-neutral-300 text-zinc-800
}

a.external {
    @apply mt-1 text-pink-600 underline decoration-pink-500 hover:opacity-75
}

/* all markdown will have an <article> as an ancestor */
article a {
    @apply text-pink-600 hover:opacity-75
}

article h1 {
    @apply text-3xl font-bold sm:text-4xl
}

article blockquote {
    @apply px-4 text-gray-400    
}