Added deliver, updated index to php

TargetScanner/style.css

@@ -1,27 +1,63 @@
-ul {
-    list-style-type: none;
+:root {
+    --nav-height: 60px;
+}
+
+.site-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: var(--nav-height);
+    background-color: #333333;
+    z-index: 1000;
+}
+
+nav {
+    height: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
+}
+
+.navbar__list {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+    height: 100%;
     margin: 0;
     padding: 0;
-    background-color: #333333;
-    display: flex;
+    list-style: none;
+}
+
+.navbar__icon {
+    display: block;
+    height: 25px;
+    width: 25px;
+    object-fit: contain;
+}
+
+.navbar__link:hover {
+    background-color: #111111;
+}
+
+.navbar__link:hover .navbar__icon {
+    transform: translateY(-4px); /* Gently lifts the icon upward */
+    filter: drop-shadow(0 6px 12px rgba(255, 255, 255, 0.15)); /* Adds a slight glow or deeper shadow */
+}
+
+.navbar__link:active .navbar__icon {
+    background-color: #04AA6D;
+    filter: drop-shadow(0 6px 12px rgba(255, 255, 255, 0.15)); /* Adds a slight glow or deeper shadow */
 }
 
 ul li a {
     display: block;
-    color: white;
+    height: 25px;
+    width: 25px;
+    object-fit: contain;
     padding: 14px 16px;
-    text-decoration: none;
-}
-
-ul li a:hover {
-    background-color: #111111;
 }
 
 ul li a.active {
     background-color: #04AA6D;
-}
-
-ul li a img {
-    width: 25px;
-    height: 25px;
 }