diff --git a/html/article.html b/html/article.html
index 7002589..26b2b2b 100644
--- a/html/article.html
+++ b/html/article.html
@@ -10,6 +10,7 @@
+
diff --git a/html/landingpage.html b/html/landingpage.html
index 001eb70..469dc01 100644
--- a/html/landingpage.html
+++ b/html/landingpage.html
@@ -10,6 +10,7 @@
+
diff --git a/sass/index.css b/sass/index.css
index 6800eea..e166a1c 100644
--- a/sass/index.css
+++ b/sass/index.css
@@ -43,7 +43,7 @@ ol {
font-family: "Roboto", sans-serif; }
.header-title {
- height: 300px;
+ margin: 100px 0;
display: flex;
flex-direction: column;
align-items: center;
@@ -123,4 +123,50 @@ ol {
font-weight: normal;
padding: 0 10%; }
+i {
+ margin-right: 20px; }
+
+@media screen and (max-width: 1000px) {
+ .navigation {
+ flex-direction: column; }
+ .navigation img {
+ margin: 10px 0;
+ padding: 0; }
+ .navigation * {
+ margin: 5px 0; }
+
+ .header-title {
+ text-align: center; }
+ .header-title h1 {
+ font-size: 50px;
+ letter-spacing: 20px; }
+ .header-title h2 {
+ font-size: 20px;
+ letter-spacing: 10px; }
+
+ .articles {
+ width: 95%; }
+ .articles div {
+ margin: 10px 0; }
+
+ h3 {
+ font-size: 130%; }
+
+ p {
+ font-size: 100%; }
+
+ .foot {
+ flex-direction: column; } }
+@media screen and (max-width: 500px) {
+ .header-title h1 {
+ font-size: 40px;
+ letter-spacing: 5px; }
+ .header-title h2 {
+ letter-spacing: 3px; }
+
+ .article-description p {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between; } }
+
/*# sourceMappingURL=index.css.map */
diff --git a/sass/index.css.map b/sass/index.css.map
index 7ec66a7..a3453b0 100644
--- a/sass/index.css.map
+++ b/sass/index.css.map
@@ -1,6 +1,6 @@
{
"version": 3,
-"mappings": "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",
+"mappings": "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",
"sources": ["index.sass"],
"names": [],
"file": "index.css"
diff --git a/sass/index.sass b/sass/index.sass
index 311c94c..9932a1a 100644
--- a/sass/index.sass
+++ b/sass/index.sass
@@ -50,7 +50,7 @@ ol
font-family: 'Roboto', sans-serif
.header-title
- height: 300px
+ margin: 100px 0
display: flex
flex-direction: column
align-items: center
@@ -136,3 +136,59 @@ ol
font-family: 'Roboto Mono', monospace
font-weight: normal
padding: 0 10%
+
+i
+ margin-right: 20px
+
+@media screen and (max-width: 1000px)
+ .navigation
+ flex-direction: column
+
+ img
+ margin: 10px 0
+ padding: 0
+
+ *
+ margin: 5px 0
+
+ .header-title
+ text-align: center
+
+ h1
+ font-size: 50px
+ letter-spacing: 20px
+
+ h2
+ font-size: 20px
+ letter-spacing: 10px
+
+ .articles
+ width: 95%
+
+ div
+ margin: 10px 0
+
+ h3
+ font-size: 130%
+ p
+ font-size: 100%
+
+ .foot
+ flex-direction: column
+
+
+
+@media screen and (max-width: 500px)
+ .header-title
+ h1
+ font-size: 40px
+ letter-spacing: 5px
+
+ h2
+ letter-spacing: 3px
+
+ .article-description
+ p
+ display: flex
+ flex-direction: row
+ justify-content: space-between