done dumb miles

index.css

@@ -125,19 +125,16 @@ body {
     display: block; /* Ensure it is visible */
     position: relative; /* Ensure it is not positioned relative to the sidebar */
     margin: 0; /* Remove any margins */
-    padding: 20px; /* Add padding for spacing */
     z-index: 1; /* Ensure it is above the sidebar if overlapping occurs */
     clear: both; /* Prevent floating elements from affecting it */
-}
-
-.non-sidebar-content {
     background-image: url('/image-robert-added/BackG.webp'); /* Set the image as the background */
     background-size: cover; /* Ensure the image covers the entire area */
     background-position: center; /* Center the image */
     background-repeat: no-repeat; /* Prevent the image from repeating */
     color: #fff; /* Adjust text color for better contrast */
-    height: calc(100vh - 50px); /* Adjust height to stop below the nav bar (assuming nav bar height is 50px) */
-    margin-top: 50px; /* Push content below the nav bar */
+    height: 100vh; /* Extend the background to fill the viewport height */
+    padding: 0; /* Remove padding to eliminate the gray box */
+    background-color: transparent; /* Ensure no background color */
 }
 
 .main-content {
@@ -155,7 +152,7 @@ body {
     background-color: #f1f1f1;
     padding: 5px 10px;
     border-radius: 5px;
-    b;o;x;-;s;h;a;d;o;w: 0p;x 0p;x 5p;x rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
     font-family: Arial, sans-serif;
     font-size: 14px;
     z-index: 10001;

index.html

@@ -40,7 +40,7 @@
           <a class="nav-item" href="/WebGames-master/WebGames-master/index.html">Games</a>
           <a class="nav-item" href="/Contact.html">Bug Report</a>
           <a class="nav-item" href="/Contact.html">Suggesting</a>
-          <a class="nav-item" href=""></a>
+          <a class="nav-item" href="/setting.html">⚙️Settings</a>
           <a class="nav-item" href=""></a>
           <a class="nav-item" href=""></a>
       </div>