.c-main {
  @apply container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
}


/* HEADER */

.c-header {
  @apply   container mx-auto max-w-3xl px-4 py-10 text-center;
}

.c-header-badge {
  @apply  font-semibold text-indigo-600 text-base/7;
}

.c-header-title {
  @apply   my-6 text-4xl font-bold tracking-tight text-base-content;
}

.c-header-subtitle {
  @apply   text-gray-600 mt-2
}

.c-mascot {
  @apply my-4;
}

.c-footer {
  @apply bg-gray-100 mt-16;
}

.c-footer-content {
  @apply   mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8;
}

.textarea {
  text-wrap: auto
}

.gradient-text {
  background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}