Update button styles in AdventureCard, Navbar, and log pages

src/lib/components/AdventureCard.svelte

@@ -33,4 +33,19 @@
         border-radius: .5rem;
         box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.182);
     }
+    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>

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>

src/routes/+page.svelte

@@ -8,3 +8,34 @@
 <h1>Welcome to AdventureLog 🗺️</h1>
 <img src={campingDrawing} width="25%" alt="Logo" />
 <button on:click={navToLog}>Open Log</button>
+
+<style>
+    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);
+        margin-left: auto;
+        margin-right: auto;
+        display: block;
+    }
+
+    button:hover {
+        background-color: #074b28;
+    }
+    h1 {
+        text-align: center;
+    }
+    img {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: 2rem;
+        margin-bottom: 2rem;
+    }
+</style>

src/routes/log/+page.svelte

@@ -102,4 +102,19 @@
     height: 90vh;
     text-align: center;
 }
+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>