@tailwind base;

html {
  line-height: 1.15;
}

@tailwind components;

h1,
h2 {
  @apply font-bold
}

h2 {
  @apply text-2xl
}

.btn {
  @apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;

  &:hover,
  &:focus {
    @apply bg-blue-400
  }
}

.btn.is-secondary {
  @apply bg-gray-500;

  &:hover,
  &:focus {
    @apply bg-gray-600
  }
}

@tailwind utilities;