/*
Theme Name: Tailwind CSS
*/

@tailwind base;

a {
  @apply text-gray-600 no-underline
}

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

@tailwind components;

.content {
  @apply font-serif text-lg leading-loose;
  @screen md {
    @apply text-xl
  }

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

  a {
    @apply text-blue-700 underline;

    &:hover {
      @apply text-blue-800 no-underline
    }
  }

  * + * {
    @apply mt-6
  }

  ul {
    @apply list-disc ml-6
  }

  li + li {
    @apply mt-0
  }
}

@tailwind utilities;