/* fonts.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .h1_hero {
    @apply  text-2xl  lg:text-5xl font-bold;
  }

  .h1 {
    @apply  text-lg lg:text-2xl font-semibold;
  }

  .h2 {
    @apply  text-lg lg:text-2xl font-medium;
  }

  .h3 {
    @apply text-sm lg:text-base font-semibold;
  }

  .p {
    @apply text-sm lg:text-base font-normal;
  }

}