From a45289b54446fa73844fee8b87566a0533eaec6c Mon Sep 17 00:00:00 2001
From: William Zhang <willzhang05@gmail.com>
Date: Wed, 12 Jul 2017 12:52:28 -0400
Subject: [PATCH] closer to MS design guidelines

---
 css/footer.css     |   2 +-
 css/header.css     |   7 +++++--
 css/main.css       |   8 ++++----
 css/responsive.css |   2 +-
 icons/menu.png     | Bin 0 -> 91 bytes
 5 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 icons/menu.png

diff --git a/css/footer.css b/css/footer.css
index a0f497f..5018965 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -7,7 +7,7 @@ footer {
     right: 0;
     text-align: center;
     color: #fff;
-    background-color: #212121;
+    background-color: #393939;
     z-index: 2;
 }
 
diff --git a/css/header.css b/css/header.css
index 6206a4d..952a646 100644
--- a/css/header.css
+++ b/css/header.css
@@ -36,7 +36,10 @@ header {
     width: 48px;
     height: 48px;
     display: block;
-    background-image: url('../icons/menu.svg');
+    background-image: url('../icons/menu.png');
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-position: center;
 }
 
 nav#menu {
@@ -46,7 +49,7 @@ nav#menu {
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
-    background-color: #b71c1c;
+    background-color: rgb(164, 38, 44);
     box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
 }
 
diff --git a/css/main.css b/css/main.css
index 9d3bd4f..252eba0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -57,7 +57,7 @@ hr {
 }
 
 a {
-    color: #2196F3;
+    color: #3A96DD;
     text-decoration: none;
 }
 
@@ -123,11 +123,11 @@ button.expand {
 }
 
 span>a:hover {
-    color: #616161;
+    color: #767676;
 }
 
 span>a:active {
-    color: #212121;
+    color: #393939;
 }
 
 #wrapper {
@@ -135,7 +135,7 @@ span>a:active {
     width: 100%;
     min-height: calc(60vh - 42px - 2.75em);
     z-index: 1;
-    background-color: #424242;
+    background-color: #4C4A48;
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/css/responsive.css b/css/responsive.css
index 2c6343b..df6d9c8 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -65,7 +65,7 @@
     }
     button.menu-item:hover {
         color: #fff;
-        background-color: #7f0000;
+        background-color: rgb(118, 23, 33);
     }
     button.menu-item:active {
         font-size: 1.1em;
diff --git a/icons/menu.png b/icons/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..012fe27badcf857907eb1298630a3bc078cbebee
GIT binary patch
literal 91
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE0wix1Z>k4UN}eu`As)w*6C_v{GqC&%=Fl`x
o5b0Uge6hq}7N6VYgAW)P%wOzxd~@k&JWw@*r>mdKI;Vst0LG6RE&u=k

literal 0
HcmV?d00001