Update button styles in AdventureCard, Navbar, and log pages

src/lib/components/Navbar.svelte

@@ -5,10 +5,22 @@
         align-items: center;
         flex-direction: row;
     }
+
     button {
         margin-left: 1rem;
+        padding: 0.5rem 1rem;
+        border: none;
+        border-radius: 4px;
+        background-color: #076836;
+        color: white;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+        box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
+    }
+
+    button:hover {
+        background-color: #074b28;
     }
-    
 </style>
 
 <script lang="ts">
@@ -24,7 +36,7 @@
 
 <div class="navbar">
 
-    <p>AdventureLog 🗺️</p>
+    <h2>AdventureLog 🗺️</h2>
     <button on:click={navHome}>Home</button>
     <button on:click={navLog}>Log</button>
     <hr>