change styling a bit

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   flylaf:
-    image: flylaf-image:v1.01
+    image: gitea.cheezers.org/izatwin/flylaf:latest
     container_name: flylaf
     restart: unless-stopped
     ports:

html/index.html

@@ -18,7 +18,7 @@
 color: #000; /* Black */
 padding: 20px;
 text-align: center;
-            font-size: 36px;
+font-size: 25px;
 border-bottom: 5px solid #000000;
 }
 .container {
@@ -47,9 +47,50 @@
 border-radius: 50%;
 margin-top: 10px;
 }
+
+/* New navigation bar styles */
+nav {
+  background-color: #C59E55; /* Purdue Gold */
+  color: #000; /* Black */
+  padding: 10px;
+  display: flex; /* Make items horizontal */
+  justify-content: space-between; /* Evenly distribute items */
+}
+
+nav ul {
+  list-style: none; /* Remove bullet points */
+  margin: 0; /* Remove default margin */
+  padding: 0; /* Remove default padding */
+}
+
+nav li {
+  display: inline-block; /* Make items inline */
+  margin-right: 20px; /* Add space between menu items */
+}
+
+nav li a {
+  color: #FFF; /* White text color */
+  text-decoration: none; /* Remove underline */
+  font-weight: bold;
+  font-size: 25px; /* Increased menu item font size */
+}
+
+nav li a:hover {
+  color: #000; /* Black on hover */
+}
 </style>
 </head>
 <body>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Airline Flights</a></li>
+      <li><a href="#">About LAF</a></li>
+      <li><a href="#">FAQ</a></li>
+      <li><a href="#">Gallery</a></li>
+      <li><a href="#">Blog</a></li>
+    </ul>
+  </nav>
 
   <header>
     <h1>Fly LAF - Purdue University Airport ✈️</h1>