Wrote css changes to sass

sass/index.css

@@ -3,7 +3,7 @@ body {
   padding: 0;
   display: flex;
   flex-direction: column;
-  background-color: #03071e;
+  background-color: #03071E;
   color: #EAE2B7;
 }
 
@@ -14,38 +14,59 @@ a {
   letter-spacing: 2px;
 }
 
+p {
+  font-size: 150%;
+  margin: 0;
+}
+
 h3 {
   font-size: 200%;
   margin: 0;
 }
-.article-description i {
-    padding: 0 15px 0 0;
-    text-decoration: none;
-    font-style: normal;
+
+ul {
+  display: flex;
+  flex-direction: row;
+  font-size: 20px;
+  list-style: none;
 }
-p {
-  margin: 0;
-  font-size: 150%;
+ul li {
+  padding-right: 30px;
+}
+
+ol {
+  display: flex;
+  flex-direction: column;
+  list-style: georgian;
+}
+
+.header {
+  background-color: #03071E;
+  width: 100%;
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-family: "Roboto", sans-serif;
 }
 
 .header-title {
-    height: 300px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    font-family: 'Staatliches', sans-serif;
+  height: 300px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: "Staatliches", sans-serif;
 }
-
 .header-title h1 {
-    font-size: 90px;
-    letter-spacing: 30px;
-    margin: 0;
+  font-size: 90px;
+  letter-spacing: 30px;
+  margin: 0;
 }
 .header-title h2 {
-    font-size: 30px;
-    letter-spacing: 10px;
-    margin: 0;
+  font-size: 30px;
+  letter-spacing: 10px;
+  margin: 0;
 }
 
 .divider {
@@ -53,60 +74,10 @@ p {
   background-color: #ad080f;
 }
 
-.articles {
-  margin: auto;
-  width: 80%;
-  font-family: 'Roboto', sans-serif;
-}
-
-.article {
-  padding: 2%;
-}
-
-.article:hover {
-  color: white;
-}
-
-.article-body {
-  width: 60%;
-  font-size: 80%;
-  font-weight: normal;
-  margin-top: 1%;
-  font-family: 'Roboto Mono', monospace;
-}
-
-.article-body, .article-body-fulltext {
-  width: 100%;
-}
-
-.article-description {
-  font-weight: 500;
-  font-family: 'Roboto Mono', monospace;
-  color: #D00000;
-  font-size: 75%;
-  margin-top: 0.5%;
-}
-
-.article-description p {
-  white-space: pre;
-}
-
-#logo {
-  width: 3%;
-  padding-left: 2.5%;
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-family: 'Roboto', sans-serif
-}
-
 .navigation {
   background-color: black;
   color: inherit;
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
   width: 100%;
   padding-top: 1%;
   padding-bottom: 1%;
@@ -115,13 +86,46 @@ p {
   align-items: center;
   justify-content: space-between;
 }
-
 .navigation a {
-  padding-left: 2%;
-  padding-right: 2%;
+  padding: 0 2%;
   font-size: 200%;
   font-weight: bolder;
+}
 
+.article {
+  padding: 2%;
+}
+.article:hover {
+  color: white;
+}
+
+.article-body {
+  width: 60;
+  font-size: 80%;
+  font-weight: normal;
+  margin-top: 1%;
+  font-family: "Roboto Mono", monospace;
+}
+
+.article-body, .article-body-fulltext {
+  width: 100%;
+}
+
+.article-description {
+  font-weight: 500;
+  font-family: "Roboto Mono", monospace;
+  color: #D00000;
+  font-size: 75%;
+  margin-top: 0.5%;
+}
+.article-description:p {
+  white-space: pre;
+}
+
+.articles {
+  margin: auto;
+  width: 80%;
+  font-family: "Roboto", sans-serif;
 }
 
 .foot {
@@ -129,15 +133,15 @@ p {
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  margin-top: 2.5%;
-  margin-bottom: 2.5%;
+  margin: 2.5% 0;
 }
-
 .foot a {
-  font-family: 'Roboto Mono', monospace;
+  font-family: "Roboto Mono", monospace;
   font-weight: normal;
-  padding-left: 10%;
-  padding-right: 10%;
+  padding: 0 10%;
 }
 
-/*# sourceMappingURL=index.css.map */
+#logo {
+  width: 3%;
+  padding-left: 2.5%;
+}/*# sourceMappingURL=index.css.map */