From 0babd92a3256c130ccd418d6dbbfd488e5611d64 Mon Sep 17 00:00:00 2001
From: JacksonRGoodman <jacksonrgoodman@gmail.com>
Date: Fri, 19 Mar 2021 09:25:10 -0500
Subject: [PATCH] resaved css stylings to add to main

---
 index.html                   |  2 +-
 scripts/parks/ParkPreview.js |  6 ++----
 styles/main.css              | 11 ++++++++++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index c22cfce..727e512 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@ <h1>Itinerary Preview</h2>
         </div>
     </main>
     <aside class="aside">
-        <h3>Your Trip awaits  </h3>
+        <h3>Your Trip awaits</h3>
     </aside>
 
     <footer>
diff --git a/scripts/parks/ParkPreview.js b/scripts/parks/ParkPreview.js
index 4d33abd..2b6abfe 100644
--- a/scripts/parks/ParkPreview.js
+++ b/scripts/parks/ParkPreview.js
@@ -1,14 +1,12 @@
 export const displayPark = (parkObj) => {
     const contentElement = document.querySelector(".parkCard")
-
-
+    let parkDisplay =     `<section id="eaterySection">
                             <h2>${parkObj.fullName}</h2>
                             <p> Location: ${parkObj.addresses[0].city}, ${parkObj.states}</p><br>
                             <p> <a href="${parkObj.url}">Visit the ${parkObj.fullName} official website!</a> </p><br>
                             <button id="parkDetails" value="${parkObj.parkCode}">Detail Snapshot</button>
-
+                            </section>
                         `;
-
     contentElement.innerHTML = parkDisplay;
 }
 
diff --git a/styles/main.css b/styles/main.css
index a4a6c6e..9030e75 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1,6 +1,6 @@
 /* The hero image */
 .hero-image{
-    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/backpacker.jpeg");
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
     width: 99vw;
     height: 45vh;
     background-position: center;
@@ -127,4 +127,13 @@ footer {
     position: inherit;
 }
 
+a:link {
+    color:#ae4c1b;
+  }
+a:hover {
+    color: #CBB68E;
+  }
+a:visited {
+  color:#84703e;
+}