Wrote css changes to sass

sass/index.sass

@@ -1,5 +1,5 @@
-$background-color: #EAE2B7
-$text-color: #003049
+$background-color: #03071E
+$text-color: #EAE2B7
 $secondary-text-color: #F77F00
 $primary-color: #D62828
 $secondary-color: #F77F00
@@ -9,14 +9,22 @@ body
   padding: 0
   display: flex
   flex-direction: column
-
-.header
   background-color: $background-color
-  width: 100%
-  height: 100px
-  display: flex
-  align-items: center
-  justify-content: flex-end
+  color: $text-color
+
+a
+  color: inherit
+  font-size: 125%
+  text-decoration: none
+  letter-spacing: 2px
+
+p
+  font-size: 150%
+  margin: 0
+
+h3
+  font-size: 200%
+  margin: 0
 
 ul
   display: flex
@@ -31,3 +39,98 @@ ol
   display: flex
   flex-direction: column
   list-style: georgian
+
+.header
+  background-color: $background-color
+  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
+
+  h1
+    font-size: 90px
+    letter-spacing: 30px
+    margin: 0
+
+  h2
+    font-size: 30px
+    letter-spacing: 10px
+    margin: 0
+
+.divider
+  height: 3px
+  background-color: #ad080f
+
+.navigation
+  background-color: black
+  color: inherit
+  font-family: 'Roboto', sans-serif
+  width: 100%
+  padding-top: 1%
+  padding-bottom: 1%
+  height: 5%
+  display: flex
+  align-items: center
+  justify-content: space-between
+
+  a
+    padding: 0 2%
+    font-size: 200%
+    font-weight: bolder
+
+.article
+  padding: 2%
+
+  &: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%
+
+  &:p
+    white-space: pre
+
+.articles
+  margin: auto
+  width: 80%
+  font-family: 'Roboto', sans-serif
+
+.foot
+  display: flex
+  align-items: center
+  justify-content: space-between
+  width: 100%
+  margin: 2.5% 0
+
+  a
+    font-family: 'Roboto Mono', monospace
+    font-weight: normal
+    padding: 0 10%
+
+#logo
+  width: 3%
+  padding-left: 2.5%