diff --git a/index.css b/index.css
index 8196cce..a05e293 100644
--- a/index.css
+++ b/index.css
@@ -127,7 +127,7 @@ footer .links {
     margin-bottom: 24px;
 }
 footer a {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
 
@@ -136,7 +136,7 @@ footer a {
 
     background-color: rgb(39, 44, 48);
     color: white;
-    font-size: 24px;
+    font-size: 20px;
     border: none;
     border-radius: 50%;
     text-decoration: none;
@@ -147,9 +147,13 @@ footer a:hover {
 body.light-mode footer a {
     background-color: rgb(231, 231, 231);
     color: rgb(29, 29, 29);
+    transition: color 0s;
+    transition: transform 0.15s ease;
 }
 body.light-mode footer a:hover {
-    background-color: rgb(192, 192, 192);
+    color: white;
+    background-color: #5865f2;
+    transform: translateY(-3px);
 }
 
 footer p {
@@ -168,7 +172,7 @@ body.light-mode footer p {
 main {
     max-width: 1200px;
     padding-top: 32px;
-    margin: 72px auto 0 auto; /* Top margin matches header height */
+    margin: 72px auto 0 auto;
 }
 
 
@@ -180,4 +184,4 @@ main {
 /* Showcase Section */
 .showcase-container {
     height: 100vh;
-}
\ No newline at end of file
+}