x

apps/spa/src/index.css

@@ -148,6 +148,22 @@
     color: var(--color-pop-black);
   }
 
+  .ui-hero-title-sm {
+    @apply !text-2xl sm:!text-3xl md:!text-4xl lg:!text-5xl;
+  }
+
+  .ui-hero-title-md {
+    @apply !text-3xl sm:!text-4xl md:!text-5xl lg:!text-6xl;
+  }
+
+  .ui-hero-title-lg {
+    @apply !text-4xl sm:!text-5xl md:!text-6xl lg:!text-7xl;
+  }
+
+  .ui-hero-title-xl {
+    @apply !text-5xl md:!text-7xl lg:!text-8xl;
+  }
+
   .ui-hero-copy {
     @apply mx-auto max-w-2xl pb-8 pt-4 text-lg font-light drop-shadow-md md:text-xl;
     color: var(--color-pop-black);