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


@layer components {
  .text-content h2 { @apply font-bold text-2xl mt-6 mb-4; }

  .text-content p { @apply mb-8; }

  .text-content a { @apply underline text-indigo-600; }

  .text-content .p-with-image {
    @apply flex flex-row gap-12 justify-between;
  }

  .button {
    @apply bg-stone-200
    border
    border-stone-400
    font-bold text-sm
    uppercase
    px-4 py-2
    hover:bg-stone-300
    rounded-md
    cursor-pointer
    tracking-wide
    drop-shadow-md
    text-stone-900;
  }

  .button-small {
    @apply bg-stone-500
    border
    border-stone-400
    text-xs
    uppercase
    px-4 py-2
    hover:bg-stone-600
    rounded
    cursor-pointer
    tracking-wide
    drop-shadow-md
    text-white;
  }
}