From 244a61ae13aa33d7c44df5530c23ce49f9dfa552 Mon Sep 17 00:00:00 2001
From: Dhavisco <olaniyidavid2002@gmail.com>
Date: Mon, 16 Oct 2023 00:12:57 +0100
Subject: [PATCH] added Animation to Title

---
 styles/style.css | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/styles/style.css b/styles/style.css
index 7ae0e77..9eda807 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -8,8 +8,28 @@ html *
 
 #titled{
     font-size: xx-large;
-}
+    position: relative;
+    text-decoration: none;
+    transition: 0.6s;
 
+}
+/* Added Animation to the title */
+#titled::before{
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background:#f8f9fa;
+    animation: showRight 1s ease forwards;
+    animation-delay: .4s;
+}
+/* Added Animation to the title */
+a #titled:hover{
+ color: black;
+ opacity: 0.8;
+}
 .navbar {
     background-color: #FFC0CB; /* Pink background color for the navbar */
 }
@@ -39,6 +59,7 @@ html *
     color: #C71585; /* Darker pink color on click */
 }
 
+
 /* Navbar styles (same as before) */
 
 #registerButton{
@@ -135,6 +156,13 @@ html *
     animation: gradient-animation 18s ease infinite;
   }
   
+  /* KEYFRAMES ANIMATION */
+@keyframes showRight {
+  100% {
+    width: 0;
+  }
+}
+
   @keyframes gradient-animation {
     0% {
       background-position: 0% 50%;