From 8f31542531aef4bbd9c248c6b6d9fe333f4b992d Mon Sep 17 00:00:00 2001
From: Skiz <skiznet@aol.com>
Date: Mon, 2 Sep 2024 15:31:32 -0400
Subject: Animated text

---
 themes/vapor/static/style.css | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

(limited to 'themes/vapor/static/style.css')

diff --git a/themes/vapor/static/style.css b/themes/vapor/static/style.css
index 3b0f147..5cc708d 100644
--- a/themes/vapor/static/style.css
+++ b/themes/vapor/static/style.css
@@ -34,6 +34,49 @@ header h1 {
     font-family: 'Courier New', monospace;
     color: #ffe066;
     text-shadow: 3px 3px 0px #00ff99;
+    animation: float 3s ease-in-out infinite, rainbowText 8s linear infinite;
+}
+
+/* Animation to make the header float up and down */
+@keyframes float {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-10px);
+    }
+}
+
+/* Animation to change the text color through a rainbow of vaporwave neon pastels */
+@keyframes rainbowText {
+    0% {
+        color: #ffe066;
+        text-shadow: 3px 3px 0px #00ff99;
+    }
+    16% {
+        color: #ff77e9;
+        text-shadow: 3px 3px 0px #00f9ff;
+    }
+    32% {
+        color: #ff4da6;
+        text-shadow: 3px 3px 0px #ff00ff;
+    }
+    48% {
+        color: #00f9ff;
+        text-shadow: 3px 3px 0px #ff77e9;
+    }
+    64% {
+        color: #ffe066;
+        text-shadow: 3px 3px 0px #ff4da6;
+    }
+    80% {
+        color: #ff00ff;
+        text-shadow: 3px 3px 0px #00ff99;
+    }
+    100% {
+        color: #ffe066;
+        text-shadow: 3px 3px 0px #00ff99;
+    }
 }
 
 footer {
-- 
cgit v1.2.3