@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");

@theme {
  --font-poppins: "Poppins", "sans-serif";
}

.reveal {
  clip-path: inset(0 100% 0 0);
  animation: clipReveal 1s ease-in-out forwards;
}

@keyframes clipReveal {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.reveal-vertical {
  clip-path: inset(0 0 100% 0);
}

.reveal-vertical.is-revealed {
  animation: clipRevealVertical 1s ease-in-out forwards;
}

@keyframes clipRevealVertical {
  to {
    clip-path: inset(0 0 0 0);
  }
}

@layer base {
  .no-tailwindcss-base h1,
  .no-tailwindcss-base h2,
  .no-tailwindcss-base h3,
  .no-tailwindcss-base h4,
  .no-tailwindcss-base h5,
  .no-tailwindcss-base h6 {
    font-size: revert;
    font-weight: revert;
    margin: revert;
    padding: revert;
  }

  .no-tailwindcss-base ol,
  .no-tailwindcss-base ul {
    list-style: revert;
    margin: revert;
    padding: revert;
  }
}