calm luh update

public/!!.html

@@ -55,6 +55,7 @@
             <li><a id="backIcon" href="#"><i class="fa-regular fa-arrow-left"></i></a></li>
             <li><a id="refreshIcon" href="#"><i class="fa-regular fa-rotate-right"></i></a></li>
             <li><a id="forwardIcon" href="#"><i class="fa-regular fa-arrow-right"></i></a></li>
+            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
             <li>
                <div class="small-searchbar" style="position: relative;">
                   <i id="lockIcon" class="fa-solid fa-lock"></i>
@@ -63,7 +64,8 @@
                      style="padding-left: 40px;">
                </div>
             </li>
-            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
+            <li><a href="/g"><i class="fa-regular fa-gamepad"></i></a></li>
+            <li><a href="/a"><i class="fa-regular fa-grid-2"></i></a></li>
             <li><a id="fullscreenIcon" href="#"><i class="fa-regular fa-expand"></i></a></li>
             <li><a id="erudaIcon" href="#"><i class="fa-regular fa-code"></i></a></li>
          </ul>

public/!.html

@@ -55,6 +55,7 @@
             <li><a id="backIcon" href="#"><i class="fa-regular fa-arrow-left"></i></a></li>
             <li><a id="refreshIcon" href="#"><i class="fa-regular fa-rotate-right"></i></a></li>
             <li><a id="forwardIcon" href="#"><i class="fa-regular fa-arrow-right"></i></a></li>
+            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
             <li>
                <div class="small-searchbar" style="position: relative;">
                   <i id="lockIcon" class="fa-solid fa-lock"></i>
@@ -63,7 +64,8 @@
                      style="padding-left: 40px;">
                </div>
             </li>
-            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
+            <li><a href="/g"><i class="fa-regular fa-gamepad"></i></a></li>
+            <li><a href="/a"><i class="fa-regular fa-grid-2"></i></a></li>
             <li><a id="fullscreenIcon" href="#"><i class="fa-regular fa-expand"></i></a></li>
             <li><a id="erudaIcon" href="#"><i class="fa-regular fa-code"></i></a></li>
          </ul>

public/$.html

@@ -54,6 +54,7 @@
             <li><a id="backIcon" href="#"><i class="fa-regular fa-arrow-left"></i></a></li>
             <li><a id="refreshIcon" href="#"><i class="fa-regular fa-rotate-right"></i></a></li>
             <li><a id="forwardIcon" href="#"><i class="fa-regular fa-arrow-right"></i></a></li>
+            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
             <li>
                <div class="small-searchbar" style="position: relative;">
                   <i id="lockIcon" class="fa-solid fa-lock"></i>
@@ -62,7 +63,8 @@
                      style="padding-left: 40px;">
                </div>
             </li>
-            <li><a href="/"><i class="fa-regular fa-home"></i></a></li>
+            <li><a href="/g"><i class="fa-regular fa-gamepad"></i></a></li>
+            <li><a href="/a"><i class="fa-regular fa-grid-2"></i></a></li>
             <li><a id="fullscreenIcon" href="#"><i class="fa-regular fa-expand"></i></a></li>
             <li><a id="erudaIcon" href="#"><i class="fa-regular fa-code"></i></a></li>
          </ul>

public/assets/css/$.css

@@ -95,7 +95,7 @@ body {
 }
 
 .home-navbar i {
-    color: #ffffff;
+    color: #ffffff; 
     margin-right: -15px;
     margin-left: 115px;
 }
@@ -123,7 +123,7 @@ body {
     backdrop-filter: blur(10px);
     border: 1px solid #ffffff1a;
     left: 50%;
-    width: 1080px;
+    width: 1180px;
     max-width: 100%;
     display: none;
     border-radius: 25px;
@@ -131,6 +131,7 @@ body {
     overflow: hidden;
     position: fixed;
     z-index: 999;
+    animation: fadeIn 0.3s ease;
     transform: translateX(-50%);
 }
 
@@ -202,7 +203,7 @@ body {
     padding: 14px;
     width: 90%;
     border: 1px solid #ffffff1a;
-    background-color: #25252580;
+    background-color: #30303071;
     border-radius: 20px;
     color: #b9b9b9;
     font-size: 15px;
@@ -245,21 +246,25 @@ body {
     font-weight: bolder;
     text-align: center;
     display: inline-block;
-    color: #a5a5a5;
+    background: linear-gradient(-45deg, #4e4e4e, #ffffff);
+    -webkit-background-clip: text;
+            background-clip: text;
+    -webkit-text-fill-color: transparent;
+            color: transparent;
     cursor: default;
     transition: all 0.3s ease;
-}
+}  
 
-.search-title span {
+  .search-title span {
     display: inline-block;
+    background: inherit;
+    -webkit-background-clip: text;
+            background-clip: text;
+    -webkit-text-fill-color: transparent;
+            color: transparent;
     opacity: 0;
     transform: translateX(-50px);
     animation: fadeInFromLeft 0.5s ease-in-out forwards;
-    margin-right: -1px;
-}
-
-.search-title:hover {
-    color: #ffffff;
 }
 
 .search-bar {