@tailwind base;

a {
  @apply text-grey-darker no-underline
}

a:hover,
a:focus {
  @apply text-blue-dark underline
}

@tailwind components;

.content {
  @apply font-serif text-xl leading-loose;

  h2 {
    @apply text-2xl font-bold mt-8 -mb-5
  }

  a {
    @apply text-black font-bold
  }

  * + * {
    @apply mt-6
  }

  li + li {
    @apply mt-0
  }
}

@tailwind utilities;