diff --git a/TargetScanner/index.html b/TargetScanner/index.html
deleted file mode 100755
index 09c3a4e..0000000
--- a/TargetScanner/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="color-scheme" content="light dark">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Alchemy Calculator</title>
-</head>
-<body>
-<header>
-    <nav class="navbar">
-        <ul>
-            <li>
-                <a href="/">
-                    <img src="logo.png" alt="Company Name Home">
-                </a>
-            </li>
-            <li><a href="/about">About</a></li>
-            <li><a href="/shop">Shop</a></li>
-            <li><a href="/contact">Contact</a></li>
-        </ul>
-    </nav>
-</header>
-</body>
-</html>
\ No newline at end of file
diff --git a/TargetScanner/index.php b/TargetScanner/index.php
new file mode 100755
index 0000000..4fea39c
--- /dev/null
+++ b/TargetScanner/index.php
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="color-scheme" content="light dark">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Alchemy Calculator</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<?php include 'nav.html'; ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/TargetScanner/nav.html b/TargetScanner/nav.html
index 6de30e5..01cd938 100644
--- a/TargetScanner/nav.html
+++ b/TargetScanner/nav.html
@@ -1,53 +1,41 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="color-scheme" content="light dark">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Alchemy Calculator</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-<header>
-    <nav class="navbar">
-        <ul>
-            <li>
-                <a href="/">
-                    <img src="img/logo.png" alt="Company Name Home">
+<header class="site-header">
+    <nav class="navbar" aria-label="Profession Navigation">
+        <ul class="navbar__list">
+            <li class="navbar__item">
+                <a href="index.php" class="navbar__link">
+                    <img src="img/logo.png" alt="Company Name Home" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/alchemyIngredientPage.php">
-                    <img src="/img/alchemy.png" alt="Alchemy">
+            <li class="navbar__item">
+                <a href="alchemyIngredientPage.php" class="navbar__link">
+                    <img src="img/alchemy.png" alt="Alchemy" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/">
-                    <img src="Blacksmithing.png" alt="Blacksmithing">
+            <li class="navbar__item">
+                <a href="" class="navbar__link">
+                    <img src="Blacksmithing.png" alt="Blacksmithing" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/">
-                    <img src="Engineering.png" alt="Engineering">
+            <li class="navbar__item">
+                <a href="" class="navbar__link">
+                    <img src="Engineering.png" alt="Engineering" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/">
-                    <img src="Jewelcrafting.png" alt="Jewelcrafting">
+            <li class="navbar__item">
+                <a href="" class="navbar__link">
+                    <img src="Jewelcrafting.png" alt="Jewelcrafting" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/">
-                    <img src="Leatherworking.png" alt="Leatherworking">
+            <li class="navbar__item">
+                <a href="" class="navbar__link">
+                    <img src="Leatherworking.png" alt="Leatherworking" class="navbar__icon">
                 </a>
             </li>
-            <li>
-                <a href="/">
-                    <img src="Tailoring.png" alt="Tailoring">
+            <li class="navbar__item">
+                <a href="" class="navbar__link">
+                    <img src="Tailoring.png" alt="Tailoring" class="navbar__icon">
                 </a>
             </li>
         </ul>
     </nav>
-</header>
-</body>
-</html>
\ No newline at end of file
+</header>
\ No newline at end of file
diff --git a/TargetScanner/style.css b/TargetScanner/style.css
index 0669170..e952ed8 100644
--- a/TargetScanner/style.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/deliver b/deliver
new file mode 100755
index 0000000..69c1c3c
--- /dev/null
+++ b/deliver
@@ -0,0 +1,3 @@
+#!/bin/sh
+rm -rf /var/www/lauren.hinnen.us/*
+cp -r /home/lauren/ahand/TargetScanner/* /var/www/lauren.hinnen.us/.
\ No newline at end of file