edit colors

dist/output.css

@@ -747,7 +747,7 @@ body:is(.dark *) {
   border-radius: 9999px;
   border-width: 1px;
   --tw-border-opacity: 1;
-  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
   padding-left: 1rem;
@@ -770,7 +770,7 @@ body:is(.dark *) {
   z-index: -1;
   border-radius: 9999px;
   --tw-bg-opacity: 1;
-  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
   opacity: 0.2;
   --tw-blur: blur(16px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -782,7 +782,7 @@ body:is(.dark *) {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  --tw-shadow-color: rgb(234 179 8 / 0.7);
+  --tw-shadow-color: rgb(107 114 128 / 0.7);
   --tw-shadow: var(--tw-shadow-colored);
 }
 
@@ -831,10 +831,10 @@ body:is(.dark *) {
 }
 
 .pill-button {
-  box-shadow: 0 0 60px rgba(234, 179, 8, 0.8),
-                0 0 120px rgba(234, 179, 8, 0.6),
-                0 0 180px rgba(234, 179, 8, 0.4);
-  border: 2px solid rgba(234, 179, 8, 0.9);
+  box-shadow: 0 0 60px rgba(198, 198, 196, 0.8),
+                0 0 120px rgba(116, 116, 115, 0.6),
+                0 0 180px rgba(70, 69, 68, 0.4);
+  border: 2px solid rgba(44, 43, 42, 0.9);
 }
 
 .circular-layout {
@@ -992,6 +992,10 @@ body:is(.dark *) {
   margin-bottom: 1rem;
 }
 
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -1028,6 +1032,10 @@ body:is(.dark *) {
   height: 1.5rem;
 }
 
+.h-8 {
+  height: 2rem;
+}
+
 .h-\[600px\] {
   height: 600px;
 }
@@ -1246,6 +1254,11 @@ body:is(.dark *) {
   padding-bottom: 3rem;
 }
 
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
 .py-48 {
   padding-top: 12rem;
   padding-bottom: 12rem;
@@ -1337,6 +1350,10 @@ body:is(.dark *) {
   transition-delay: 200ms;
 }
 
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
 .duration-500 {
   transition-duration: 500ms;
 }
@@ -1439,4 +1456,8 @@ body:is(.dark *) {
   .lg\:h-6 {
     height: 1.5rem;
   }
+
+  .lg\:pt-12 {
+    padding-top: 3rem;
+  }
 }