diff --git a/static/css/main.css b/static/css/main.css
index 204935e..ca90287 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -32,6 +32,8 @@ section {
 }
 
 body {
+	max-width: 1200px;
+	margin: 0 auto;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 1rem;
 	font-weight: 400;
@@ -310,3 +312,52 @@ summary {
 	display: list-item;
 	cursor: pointer;
 }
+
+/* Header */
+.header {
+	margin: 0 0 5px;
+	overflow: auto;
+	background-color: #2a2a2a;
+	border-color: #333;
+	border-style: solid;
+	border-width: 0 0 1px;
+}
+
+@media screen and (min-width: 480px) {
+	.header {
+		margin: 0 5px 5px;
+		border-width: 0 1px 1px;
+	}
+}
+
+.logo {
+	display: inline-block;
+	float: left;
+	padding: 10px 12px;
+	font-size: 16px;
+	font-weight: 700;
+}
+
+.logo:hover {
+	color: #f8ae00;
+	text-decoration: none;
+}
+
+/* Footer */
+.footer {
+	padding: 10px 0;
+	margin: 5px 0 0;
+	font-size: 13px;
+	color: #888;
+	border-top: 2px solid #333;
+}
+
+.footer__copyright {
+	text-align: center;
+}
+
+@media screen and (min-width: 480px) {
+	.footer {
+		margin: 5px 5px 0;
+	}
+}