Change nav format and remove hr

1 files changed, 31 insertions, 20 deletions

diff --git a/assets/main.scss b/assets/main.scss
index d774bee..9f6901e 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -2,9 +2,9 @@ body {
   color: #212529;
   background: #fff;
   font-family: sans-serif;
-  max-width: 960px;
+  max-width: 800px;
   margin: 0 auto;
-  padding: 0 1rem;
+  padding: 0 0.5rem;
 }
 
 a {
@@ -17,29 +17,43 @@ a:hover {
   text-decoration: underline;
 }
 
-ul.links {
-  list-style-type: none;
-  display: flex;
-  align-items: stretch;
-  justify-content: space-evenly;
+header {
+  text-align: center;
 }
 
-hr {
-  color: #fff;
+footer {
+  text-align: center;
+  margin: 4rem;
 }
 
-header {
-  text-align: center;
+nav {
+	text-align: center;
+	margin-bottom: 4rem;
 }
 
-article {
-  max-width: 720px;
-  margin: 0 auto;
+nav ul {
+	list-style: none;
+	padding-left: 0;
 }
 
-footer {
-  text-align: center;
-  margin-bottom: 1rem;
+nav ul li {
+	display: inline;
+}
+
+nav ul li:not(:first-child) {
+	display: inline;
+	padding-left: 2rem;
+	@media only screen and (max-width: 600px) {
+		padding: 0rem;
+	}
+}
+
+nav a {
+	text-decoration: underline;
+}
+
+nav a:hover {
+	text-decoration: none;
 }
 
 .post h3 {
@@ -54,7 +68,4 @@ footer {
   a {
     color: #3395ff;
   }
-  hr {
-    color: #212529;
-  }
 }