Added header

1 files changed, 34 insertions, 3 deletions

diff --git a/style.css b/style.css
index a282529..e0bfc41 100644
--- a/style.css
+++ b/style.css
@@ -106,7 +106,7 @@ html {
     }
 }
 
-body {
+#page-wrapper {
     line-height: 1.85;
 }
 
@@ -157,17 +157,18 @@ img, canvas, iframe, video, svg, select, textarea {
 }
 
 html, body {
+    margin: 0;
     background-color: #222;
     min-height: 100%;
+    font-family: "Courier New";
 }
 
 html {
     font-size: 16px;
 }
 
-body {
+#page-wrapper {
     color: #fafafa;
-    font-family: "Courier New";
     line-height: 1.45;
     margin: 2rem auto 1rem;
     max-width: 48rem;
@@ -182,3 +183,33 @@ blockquote {
     border-left: 3px solid #01ff70;
     padding-left: 1rem;
 }
+
+/* added */
+
+header {
+    display: flex;
+    margin-bottom: 20px;
+    background-color: #191919;
+    padding: 10px;
+}
+
+header div {
+    margin-right: 30px;
+    color: #ccc;
+}
+
+a.header-link {
+    color: #ccc;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+a.header-link:hover {
+    transition: 0.5s;
+    color: #fff;
+}
+
+td {
+    vertical-align: top;
+    padding: 2px;
+}