From e0f353080448ad5b3280209e2688f649758f6f47 Mon Sep 17 00:00:00 2001
From: Andivyy11 <andivyy@gmail.com>
Date: Sat, 21 Oct 2023 15:36:37 +0530
Subject: [PATCH] Add hover effect on h1 and li text

---
 style.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 657aa61..be0319a 100644
--- a/style.css
+++ b/style.css
@@ -40,6 +40,7 @@ h1 {
   font-family: 'Fredericka the Great', cursive;
   font-size: 64px;
   color: #8b1b00;
+  transition: 1s;
 }
  
 p, li {
@@ -47,10 +48,13 @@ p, li {
   font-size: 22px;
   color: #51473b;
 }
-
-
-
-
+h1:hover{
+  transform: translateX(20px);
+}
+li:hover{
+  color:#8b1b00;
+  font-size: 25px;
+}
 /* ---- Advanced ---- */
 /* This tag is a bit advanced for this lesson,  
    but is needed to wrap the pageContainer