attemped to change image on hover and cleaned up

shop/static/styles.css

@@ -120,14 +120,14 @@ a:link {
 }
 
 .navbar {
-  list-style-type: none;
-  padding: 0;
-  overflow: hidden;
-  background-color: #505050;
-  position: sticky;
-  top: 0px;
-  margin: 0px;
-  z-index: 1;
+    list-style-type: none;
+    padding: 0;
+    overflow: hidden;
+    background-color: #F3F3F3;
+    position: sticky;
+    top: 0px;
+    margin: 0px;
+    z-index: 1;
 }
 
 .navbar_box {
@@ -169,13 +169,13 @@ li {
 }
 
 .navbar_item:hover {
-    color: #8F3232;
+    color: #BD8730;
     font-weight: 550;
 }
 
 .navbar_item {
   display: block;
-  color: white;
+  color: grey;
   font-size: 200%;
   text-align: center;
   padding: 18px 16px;
@@ -432,7 +432,7 @@ li {
 }
 
 .start_shopping_text:hover {
-    color: #8F3232;
+    color: #BD8730;
 }
 
 .slogan {
@@ -482,6 +482,10 @@ li {
 
 .header {
     background-color: #202020;
-    text-align: center;
     margin:0px;
-}
\ No newline at end of file
+    text-align: center;
+}
+
+.header_img {
+    height: 80px;
+}

shop/templates/layout.html

@@ -30,7 +30,7 @@
 <div id="page-container">
 
     <div class = "header">
-        <img style = "height:80px" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/>
+        <img class = "header_img" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/>
     </div>
 
     <ul class = "navbar">