Update file layout.html

wiki/layout.html

@@ -48,29 +48,33 @@
         pointer-events: none;
       }
       .sidebar {
-      position: fixed;
-      left: 5px;
-      top: 280px;
-      width: 160px;
-      height: 40%;
-      background-color: #ffffff;
-      padding: 20px;
-      box-shadow: 2px 0 5px rgba(0,0,0,0.1);
-      border-radius: 20px;
+        position: fixed;
+        left: 5px;
+        top: 280px;
+        width: 160px;
+        height: 40%;
+        background-color: #ffffff;
+        padding: 20px;
+        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
+        border-radius: 20px;
       }
       .sidebar ul {
-      list-style: none;
-      padding: 0;
+        list-style: none;
+        padding: 0;
       }
       .sidebar ul li a {
-      display: block;
-      padding: 10px;
-      color: hsl(17, 100%, 50%);
-      text-decoration: none;
+        display: block;
+        padding: 10px;
+        color: #fa8072;  /* Changed from hsl(17, 100%, 50%) to #fa8072 */
+        text-decoration: none;
+        transition: all 0.3s ease;  /* Added transition for smooth effect */
       }
       .sidebar ul li a:hover {
-      background-color: #e9ecef;
-      border-radius: 20px;
+        background-color: #fa8072;  /* Changed from #e9ecef to #fa8072 */
+        border-radius: 20px;
+        color: #ffffff;  /* Changed text color to white for better contrast */
+        transform: translateY(-3px);  /* Added slight lift effect */
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);  /* Added shadow for depth */
       }
 
       .progress-container {