Improved Design

sass/index.css

@@ -4,10 +4,11 @@ body {
   display: flex;
   flex-direction: column; 
   background-color: #03071e;
+  color: #EAE2B7;
 }
 
 a {
-  color: #EAE2B7;
+  color: inherit;
   font-size: 150%;
   text-decoration: none;
 }
@@ -27,31 +28,47 @@ p {
   font-family: 'Roboto', sans-serif;
 }
 
-.navigation {
-  font-family: 'Roboto', sans-serif
+.article:hover {
+  color: white;
 }
 
 .header {
-  background-color: #03071e;
-  color: #EAE2B7;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: 'Roboto', sans-serif
+}
+
+.navigation {
+  background-color: inherit;
+  color: inherit;
   font-family: 'Roboto', sans-serif;
   width: 100%;
   height: 100px;
   display: flex;
   align-items: center;
-  justify-content: flex-end; }
+  justify-content: space-between;
+}
+  
+.navigation a {
+  padding: 2%;
+  font-size: 250%;
+  font-weight: bolder;
+  
+}
 
-ul {
+.foot {
   display: flex;
-  flex-direction: row;
-  font-size: 20px;
-  list-style: none; }
-  ul li {
-    padding-right: 30px; }
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
 
-ol {
-  display: flex;
-  flex-direction: column;
-  list-style: georgian; }
+.foot a {
+  font-family: "Roboto", sans-serif;
+  font-weight: bolder;
+  padding-left: 20%;
+  padding-right: 20%;
+}
 
 /*# sourceMappingURL=index.css.map */