diff --git a/.github/workflows/sync-to-server.yml b/.github/workflows/sync-to-server.yml
index 9742e54..fa5d940 100644
--- a/.github/workflows/sync-to-server.yml
+++ b/.github/workflows/sync-to-server.yml
@@ -21,6 +21,6 @@ jobs:
         key: ${{ secrets.SSH_PRIVATE_KEY }}
         port: 22
         script: |
-          cd /root/guezelwebdesign
+          cd /var/www/guezelwebdesign
           git pull origin main
 
diff --git a/css/about-me.css b/css/about-me.css
index c0c23c6..65bf4aa 100644
--- a/css/about-me.css
+++ b/css/about-me.css
@@ -255,8 +255,14 @@
   background-color: var(--secondary-color);
 }
 .table-section tr:hover {
-  background-color: #19d6e3; /* Daha parlak bir mavi ton */
-  color: #000; /* Siyah yazı rengi */
+  background: radial-gradient(circle, rgba(64, 64, 64, 0.6), rgba(0, 0, 0, 0.8));
+  color: var(--highlight-color),!important;
+  z-index: 1001;
+  text-align: center;
+  transform: scale(1.05);
+  box-shadow: 1px 1px 1px 10px solid var(--highlight-color);
+  box-shadow: 1px 1px 10px var(--highlight-color);
+  transition: 1s;
 }
 
 /* Sport Section */
diff --git a/css/header.css b/css/header.css
index 4537281..3512d05 100644
--- a/css/header.css
+++ b/css/header.css
@@ -51,7 +51,7 @@
 }
 
 .main-nav nav ul li a {
-    color: white;
+    color: var(--text-color);
     text-decoration: none;
     font-size: 1.2rem;
     transition: color 0.3s ease;
@@ -59,8 +59,15 @@
 }
 
 .main-nav nav ul li a:hover {
-    color: var(--highlight-color);
-}
+    background: radial-gradient(circle, rgba(64, 64, 64, 0.6), rgba(0, 0, 0, 0.8));
+    z-index: 1001;
+    border-radius: 50%;
+    text-align: center;
+    transform: scale(1.2);
+    box-shadow: 1px 1px 1px 10px solid var(--highlight-color);
+    box-shadow: 1px 1px 10px var(--highlight-color);
+    transition: 1s;
+  }
 
 /* Hamburger Menü - Küçük Ekranlar için */
 .hamburger-menu {
@@ -77,7 +84,7 @@
 .hamburger-menu .bar {
     height: 3px;
     width: 100%;
-    background-color: white;
+    background-color: var(--text-color);
     border-radius: 10px;
     transition: all 0.3s ease;
 }
@@ -116,7 +123,7 @@
 }
 
 .nav-menu li a {
-    color: white;
+    color: var(--text-color);
     text-decoration: none;
     font-size: 1.5em;
     transition: color 0.3s ease;
@@ -166,7 +173,7 @@
     }
 
     .nav-menu li a {
-        color: white;
+        color: var(--text-color);
         text-decoration: none;
         font-size: 1.2em;
         padding: 10px 20px;
diff --git a/css/layout.css b/css/layout.css
index ea07eb2..51c1903 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -97,11 +97,20 @@ button,
 button:hover,
 .btn:hover,
 .explore-btn:hover {
-  background-color: var(--text-color);
-  box-shadow: 2px 2px 10px rgba(252, 247, 247, 0.8);
-  transform: scale(1.05);
+  background: radial-gradient(circle, rgba(64, 64, 64, 0.6), rgba(0, 0, 0, 0.8));
+  color:var(--highlight-color);
+  z-index: 1001;
+  border-radius: 50%;
+  text-align: center;
+  transform: scale(1.2);
+  box-shadow: 1px 1px 1px 10px solid var(--highlight-color);
+  box-shadow: 1px 1px 10px var(--highlight-color);
+  transition: 1s;
 }
 
+
+
+
 /* Responsive Ayarlar */
 @media (max-width: 768px) {
   h1 {