1 files changed, 47 insertions, 1 deletions
diff --git a/src/app/globals.css b/src/app/globals.css
index 5ca3a6b..ca0c3c7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -27,7 +27,6 @@
     --light-violet: #8784c9;
     --dark-indigo: #0d0c1c;
     --red: #e64c4f;
-
     --radius: 0.625rem;
     --card: oklch(1 0 0);
     --card-foreground: oklch(0.13 0.028 261.692);
@@ -106,6 +105,53 @@
     --radius-4xl: calc(var(--radius) + 16px);
 }
 
+@layer utilities {
+    .gradient-0 {
+        background-image: linear-gradient(89.91deg, #8784c9 0%, #464199 99.92%);
+    }
+    .gradient-1 {
+        background-image: linear-gradient(
+            284.32deg,
+            #ffafbd 20.33%,
+            #dae2f8 79.67%
+        );
+    }
+    .gradient-2 {
+        background-image: linear-gradient(267.9deg, #473b7b 0%, #30d2be 100%);
+    }
+    .gradient-3 {
+        background-image: linear-gradient(88.87deg, #c33764 0%, #1d2671 100%);
+    }
+    .gradient-4 {
+        background-image: linear-gradient(267.9deg, #134e5e 0%, #71b280 100%);
+    }
+    .gradient-5 {
+        background-image: linear-gradient(87.9deg, #423aa2 0%, #100626 100%);
+    }
+    .gradient-6 {
+        background-image: linear-gradient(87.9deg, #edf3f6 0%, #d9eaf4 100%);
+    }
+    .gradient-7 {
+        background-image: linear-gradient(
+            284.32deg,
+            #212121 20.33%,
+            #454545 79.67%
+        );
+    }
+    .gradient-8 {
+        background-image: linear-gradient(88.87deg, #610000 0%, #190a05 100%);
+    }
+    .gradient-9 {
+        background-image: linear-gradient(87.9deg, #ffc500 0%, #c21500 100%);
+    }
+    .gradient-10 {
+        background-image: linear-gradient(270deg, #6a11cb 0%, #69a1ff 100%);
+    }
+    .gradient-11 {
+        background-image: linear-gradient(267.9deg, #182848 0%, #4b6cb7 100%);
+    }
+}
+
 @layer base {
     * {
         @apply border-violet outline-ring/50;