From d0044d90929bc78f75ffac433321a8523fcf8bdc Mon Sep 17 00:00:00 2001
From: Adrian Knight <aknig2@uic.edu>
Date: Wed, 19 Apr 2023 14:43:45 -0500
Subject: [PATCH 1/2] applied onHover text color change to footer links

---
 src/pages/layout.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/layout.js b/src/pages/layout.js
index 1dde535..8d3a6fd 100644
--- a/src/pages/layout.js
+++ b/src/pages/layout.js
@@ -38,21 +38,21 @@ export default function Home(){
                       <div className='text-center'>
                           <h4>Pages</h4>
                           <ul>
-                              <li><Link to="/">Home</Link></li>
-                              <li><Link to="/contact">RSVP</Link></li>
-                              <li><Link to="/social">Social</Link></li>
-                              <li><Link to="/eventdetails">Calendar</Link></li>
-                              <li><Link to="/about">About</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/">Home</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/contact">RSVP</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/social">Social</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/eventdetails">Calendar</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/about">About</Link></li>
                           </ul>
                       </div>
                       <div className='text-center'>
                           <h4>Social</h4>
                           <ul>
-                              <li><Link to="/">Instagram</Link></li>
-                              <li><Link to="/about">Facebook</Link></li>
-                              <li><Link to="/about">Youtube</Link></li>
-                              <li><Link to="/about">Twitter</Link></li>
-                              <li><Link to="/about">LinkedIn</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/">Instagram</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/about">Facebook</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/about">Youtube</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/about">Twitter</Link></li>
+                              <li className={"hover:text-primary-light"}><Link to="/about">LinkedIn</Link></li>
                           </ul>
                       </div>
                   </div>

From 931b69562162a96d6e490c8fbeb111877f0b80d2 Mon Sep 17 00:00:00 2001
From: Adrian Knight <aknig2@uic.edu>
Date: Wed, 19 Apr 2023 17:43:01 -0500
Subject: [PATCH 2/2] Using CSS to onHover color <a/>

---
 src/index.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index c68168c..9176255 100644
--- a/src/index.css
+++ b/src/index.css
@@ -17,8 +17,20 @@
   html {
     @apply text-white;
   }
+
   
-  
+}
+
+a:hover {
+    color: rgb(var(--color-primary-light));
+}
+
+nav > ul > li >a:hover {
+    color: white;
+}
+
+nav > a:hover {
+    color: white;
 }
 
 body {