Update UI, improve navigation, and refine About Us content

static/style.css

@@ -24,7 +24,7 @@ input[type="text"] {
 }
 
 body {
-    background-image: url("/static/img/trlbg1.jpg");
+    background-image: url("/trlstats/static/img/trlbg1.jpg");
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
@@ -39,14 +39,14 @@ header nav {
 }
 
 header nav a {
-    color: #4CAF50;
+    color: red;
     text-decoration: none;
     font-weight: bold;
     padding: 10px 20px;
 }
 
 header nav a:hover {
-    color: gray;
+    color: red;
 }
 
 h1 {
@@ -85,14 +85,14 @@ th {
 
 button {
     padding: 5px 10px;
-    background-color: #4CAF50;
+    background-color: red;
     color: white;
     border: none;
     cursor: pointer;
 }
 
 button:hover {
-    background-color: #45a049;
+    background-color: red;
 }
 
 input {
@@ -318,7 +318,7 @@ textarea {
 
 /* Button hover effect */
 .button1:hover {
-    background-color: #45a049;
+    background-color: red;
     transform: scale(1.05);
 }
 
@@ -330,7 +330,6 @@ textarea {
     margin-top: 20px;
 }
 
-/* Adjustments for mobile responsiveness */
 @media screen and (max-width: 600px) {
     input[type="text"], input[type="number"], textarea {
         width: 80%;
@@ -342,14 +341,13 @@ textarea {
     }
 
     #modifiers {
-        width: 100%; /* Adjust this percentage to control the width */
+        width: 100%;
     }
 
     #abilities {
         width: 100%;
     }
 
-    /* Adjust spacing between different ability modifiers */
     #abilities label {
         display: block;
         margin-bottom: 10px;
@@ -357,13 +355,11 @@ textarea {
         white-space: nowrap;
     }
 
-    /* Optional: Adjust margin between checkbox and text */
     #abilities input[type="checkbox"] {
         margin-right: 5px;
     }
 }
 
-/* Styling for horizontal table */
 .weapon-stats-table {
     width: 100%;
     border-collapse: collapse;
@@ -373,7 +369,7 @@ textarea {
 .weapon-stats-table th, .weapon-stats-table td {
     border: 1px solid #ddd;
     padding: 8px;
-    text-align: center; /* Centers the text */
+    text-align: center;
 }
 
 .weapon-stats-table th {
@@ -459,9 +455,6 @@ textarea {
   font-size: 1.1rem;
   font-weight: 500;
 }
-.nav-menu a:hover {
-  color: #4CAF50;
-}
 
 .nav-menu.active {
   right: 0;