style easter egg - rainbow reveal, don't squish

1 files changed, 13 insertions, 12 deletions

diff --git a/src/static/main.css b/src/static/main.css
index c292a7a..4217398 100644
--- a/src/static/main.css
+++ b/src/static/main.css
@@ -64,20 +64,21 @@ hr {
 }
 
 .rainbow {
-  background: linear-gradient(
+  background: repeating-linear-gradient(
     90deg,
-    rgba(255, 0, 0, 1) 0%,
-    rgba(255, 154, 0, 1) 10%,
-    rgba(208, 222, 33, 1) 20%,
-    rgba(79, 220, 74, 1) 30%,
-    rgba(63, 218, 216, 1) 40%,
-    rgba(47, 201, 226, 1) 50%,
-    rgba(28, 127, 238, 1) 60%,
-    rgba(95, 21, 242, 1) 70%,
-    rgba(186, 12, 248, 1) 80%,
-    rgba(251, 7, 217, 1) 90%,
-    rgba(255, 0, 0, 1) 100%
+    rgba(255, 0, 0, 1) 0,
+    rgba(255, 154, 0, 1) 2rem,
+    rgba(208, 222, 33, 1) 4rem,
+    rgba(79, 220, 74, 1) 6rem,
+    rgba(63, 218, 216, 1) 8rem,
+    rgba(47, 201, 226, 1) 10rem,
+    rgba(28, 127, 238, 1) 12rem,
+    rgba(95, 21, 242, 1) 14rem,
+    rgba(186, 12, 248, 1) 16rem,
+    rgba(251, 7, 217, 1) 18rem,
+    rgba(255, 0, 0, 1) 20rem
   );
+
   opacity: 0.8;
 }