From f9b6a7dc4900d60e7bfc2065d5782a51365d2258 Mon Sep 17 00:00:00 2001
From: Dunsin <jesudunsinfaiye@gmail.com>
Date: Fri, 29 Jul 2022 09:27:58 +0100
Subject: [PATCH] feat(style.css): animmate the header text

---
 src/style.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/style.css b/src/style.css
index 5aa7e75d..6e00a394 100644
--- a/src/style.css
+++ b/src/style.css
@@ -51,6 +51,7 @@ nav h1 {
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	cursor: pointer;
+	animation: moveColor 500ms ease-in infinite alternate;
 }
 
 .menu {
@@ -322,6 +323,21 @@ a {
 	color: var(--text-color);
 }
 
+@keyframes moveColor {
+	0% {
+		background: linear-gradient(26deg, rgb(255, 255, 255), rgb(105, 143, 216));
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+	}
+	100% {
+		background: linear-gradient(272deg, rgb(255, 255, 255), rgb(105, 143, 216));
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+	}
+}
+
 @media screen and (max-width: 1300px) and (min-width: 1009px) {
 	:root {
 		--modal-width: calc(var(--modal-container-width) - 20vw);