change style of arrival and departure buttons

html/index.html

@@ -114,14 +114,29 @@
         }
 
         .reg-button {
-            background-color: var(--primary);
-            color: var(--white);
-            padding: 10px;
-            border: none;
-            text-align: left;
-            font-size: 1rem;
-            cursor: pointer;
+            display: inline-block;
+            padding: 10px 20px;
+            font-size: 16px;
+            text-align: center;
+            text-decoration: none;
+            color: #000;
+            background-color: #f0f0f0;
+            border: 1px solid #ccc;
             border-radius: 5px;
+            margin: 10px;
+            cursor: pointer;
+        }
+
+        /* Center the buttons */
+        .button-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        /* Adjust styling when link is visited */
+        .reg-button:visited {
+            color: #333; /* Change to a lighter text color */
         }
 
         footer {
@@ -164,7 +179,7 @@
     </header>
 
 <div class="banner">
-    <img src="path-to-your-banner-image.jpg" alt="Banner Image">
+    <img src="nothing.jpg" alt="Banner Image">
 </div>
 
     <section class="hero">
@@ -202,8 +217,10 @@
         
         
     </section>
+    <div class="button-container">
         <button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KLAF&amp;destination=KORD">Departures</a></button>
         <button class="reg-button"><a href="https://www.flightaware.com/live/findflight?origin=KORD&amp;destination=KLAF">Arrivals</a></button>
+    </div>
     
     <section class="content" id="general">
         <h3>General Information</h3>