From a627e00364caf2015ba5c3df91c5fe642d2d8a66 Mon Sep 17 00:00:00 2001
From: Jason Williams <jaywll@outlook.com>
Date: Tue, 8 Oct 2019 17:53:55 -0600
Subject: [PATCH] Video 51: Styling the Application: Part I

---
 web-server/public/css/styles.css         | 33 ++++++++++++++++++++----
 web-server/templates/partials/footer.hbs |  4 ++-
 web-server/templates/partials/header.hbs |  8 +++---
 3 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/web-server/public/css/styles.css b/web-server/public/css/styles.css
index cc16a01..0cc260d 100644
--- a/web-server/public/css/styles.css
+++ b/web-server/public/css/styles.css
@@ -1,7 +1,30 @@
-h1 {
-    color: grey;
+body {
+  color: #333333;
+  font-family: arial;
+  max-width: 650px;
+  margin: 0 auto;
+  padding: 0 16px;
 }
 
-img {
-    width: 250px;
-}
\ No newline at end of file
+footer {
+  color: #888888;
+  border-top: 1px solid #EEEEEE;
+  margin-top: 16px;
+  padding: 16px 0;
+}
+
+header {
+  margin-top: 16px;
+  margin-bottom: 48px;
+}
+
+h1 {
+  font-size:64px;
+  margin-bottom: 16px;
+}
+
+header a {
+  color: #888888;
+  margin-right: 16px;
+  text-decoration: none;
+}
diff --git a/web-server/templates/partials/footer.hbs b/web-server/templates/partials/footer.hbs
index 78cd476..61d1ffc 100644
--- a/web-server/templates/partials/footer.hbs
+++ b/web-server/templates/partials/footer.hbs
@@ -1 +1,3 @@
-<p>Created by {{name}}</p>
+<footer>
+  <p>Created by {{name}}</p>
+</footer>
diff --git a/web-server/templates/partials/header.hbs b/web-server/templates/partials/header.hbs
index 2a7d7ad..c3e54dd 100644
--- a/web-server/templates/partials/header.hbs
+++ b/web-server/templates/partials/header.hbs
@@ -1,7 +1,7 @@
-<h1>{{title}}</h1>
-
-<div>
+<header>
+  <h1>{{title}}</h1>
+  
   <a href="/">Weather</a>
   <a href="/about">About</a>
   <a href="/help">Help</a>
-</div>
+</header>