@tailwind base;

@media (min-height: theme('screens.md')) {
  main {
    @apply flex flex-col justify-center h-full
  }
}

@tailwind components;

.tw-bg-balloon {
  background-image: url(/themes/dcb2017/images/dcb-bg.jpg)
}

.tw-button {
  @apply block uppercase font-bold text-lg py-3 px-5 text-white no-underline bg-black !important;

  @screen md {
    @apply w-1/2 inline-flex items-center justify-center mx-2 !important
  }

  &:hover,
  &:focus {
    @apply bg-green-600 text-white !important
  }
}

.markup {
  @apply leading-relaxed
}

@tailwind utilities;