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>