@layer utilities {

  .text-h1 {
    @apply text-3xl text-gris font-bold tracking-wide leading-normal pb-[40px] px-[30px]
  }

  .text-h2 {
    @apply text-2xl font-semibold leading-loose tracking-wide px-[30px] pb-[60px] text-purple-800
  }

  .text-content {
    @apply text-purple-800 font-semibold tracking-wide leading-loose pb-[60px] px-[30px]
  }

  #footer {
    @apply bg-purple-800 text-purple-300 font-extralight tracking-wide py-[30px] px-[30px]
  }

  #header { 
    @apply bg-lila px-[30px] pt-[30px] pb-[100px] w-full
  }

}