diff --git a/styles.css b/styles.css
index 8b1bbb9..b95a728 100644
--- a/styles.css
+++ b/styles.css
@@ -19,12 +19,14 @@ header {
     background-color: #ffffff;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     z-index: 1000;
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 .logo {
     font-size: 24px;
     font-weight: bold;
     color: #ff4500;
+    transition: color 0.3s ease;
 }
 
 #fumbleButton {
@@ -36,7 +38,7 @@ header {
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
-    transition: transform 0.2s, background-color 0.2s;
+    transition: transform 0.2s ease, background-color 0.3s ease;
 }
 
 #fumbleButton:hover {