added about page, changed css, added navbar

1 files changed, 77 insertions, 15 deletions

diff --git a/content/styles/style.css b/content/styles/style.css
index 725b930..a731649 100644
--- a/content/styles/style.css
+++ b/content/styles/style.css
@@ -1,32 +1,94 @@
-body {
+html {
     background-color: black;
-    color: pink;
+    font-family: 'Open Sans', sans-serif;
+    font-size: small;
+}
+
+body {
+    background: black;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-bottom: 0px;
+    position: relative;
+}
+
+footer {
+    padding: 300px 10px 5px 20px;
+    margin-bottom: 300px;
+    font-size: xx-small;
+    align-content: center;
+}
+
+#headerflex {
+    display: flex;
+}
+
+#headers {
+    flex-grow: 1;
+}
+
+header nav {
+    flex-grow: 1;
+    display: inline;
+}
+
+header div {
+    padding-left: 20px;
+    padding-bottom: 20px;
+}
+
+nav ul {
+    margin: 0;
+    padding: 0;
+}
+
+nav li {
+    display: inline-block;
+    list-style-type: none;
+}
+
+nav a {
+    text-decoration: none;
+    display: block;
+    padding: 5px 6px 5px 6px;
+    color: black;
+}
+
+#the_title {
+    text-decoration: none;
+    color: black;
 }
 
-p {
-    padding-bottom: 30px;
+#the_title h1 {
+    padding-left: 6px;
+}
+
+#navbar {
+    text-align: left;
+    background-color: white;
+}
+
+#footer_banners {
+    display: flex;
+    align-items: center;
 }
 
 #wrapper {
-    background-color: #000000;
+    background-color: #f1e7d5;
     max-width: 974px;
     min-width: 850px;
     margin: auto;
     margin-top: -10px;
+    padding: 30px;
 }
 
-.center {
-    text-align: center;
-    justify-content: center;
-}
-
-.left {
-    text-align: left;
-    justify-content: center;
+#thoughts_list ul {
+    padding-left: 12px;
+    line-height: 20px;
 }
 
-.limit-text-width {
-    width: 50%;
+#thoughts_list ul li {
+    list-style: none;
 }
 
 .header_linker {