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

@layer base {
  body {
    @apply bg-white text-slate-800;
  }
  h1 {
    @apply text-2xl font-bold capitalize leading-tight  sm:text-3xl sm:leading-tight;
  }
  h2 {
    @apply text-2xl font-semibold capitalize leading-tight;
  }
  h3 {
    @apply text-xl font-semibold  capitalize leading-tight;
  }
}

@layer components {
  .banner.hide {
    @apply lg:-translate-y-[38px];
  }
  /* .banner.hide > :last-child {
      @apply lg:-translate-y-[48px];
    } */
}
