Change management of font-size

1 files changed, 56 insertions, 29 deletions

diff --git a/css/style.css b/css/style.css
index a93cc9d..1dd549f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,10 +1,17 @@
 /* ---------------------- */
 /* General configurations */
 /* ---------------------- */
+html {
+  min-height: 100%;
+  font-size: 62.5%;
+}
+
 body {
   font-family: "Fira Code", monospace;
   background-color: #282c34;
   color: #f3f3f3;
+  font-size: 1.7em;
+  line-height: 1.7em;
 }
 
 nav,
@@ -19,31 +26,38 @@ h1,
 h2,
 h3,
 h4 {
-  margin-top: 1.6em;
-  margin-bottom: 1em;
+  /* margin-top: 1.6em; */
+  /* margin-bottom: 1em; */
+  font-weight: bold;
 }
 
 h1 {
-  font-size: 30pt;
+  font-size: 2.5em;
+  line-height: 1.4em;
   text-align: center;
+  margin-top: 60px;
+  margin-bottom: 30px;
 }
 
 h2 {
-  font-size: 18pt;
+  font-size: 1.8em;
+  line-height: 1.5em;
+  margin-top: 40px;
+  margin-bottom: 20px;
 }
 
 h3 {
-  font-size: 16pt;
-}
-
-h4 {
-  font-size: 14pt;
-  font-weight: 400;
+  font-size: 1.3em;
+  line-height: 1.5em;
+  margin-top: 40px;
+  margin-bottom: 20px;
 }
 
 p {
-  font-size: 12pt;
+  font-size: 0.95em;
   line-height: 1.5em;
+  margin-top: 12px;
+  margin-bottom: 12px;
 }
 
 a {
@@ -62,18 +76,19 @@ li {
 
 pre {
   padding-left: 20px;
-  margin-top: 2em;
-  margin-bottom: 2em;
+  margin-top: 20px;
+  margin-bottom: 20px;
   white-space: pre-wrap;
 }
 
-code {
-  color: #98c379;
+pre code {
+  line-height: 1.5em;
 }
 
-pre code {
-  font-size: 12pt;
-  font-weight: 500;
+code {
+  font-family: "Fira Code", monospace;
+  font-size: 0.95em;
+  color: #98c379;
 }
 
 dd {
@@ -106,7 +121,7 @@ nav ul {
   width: 3em;
   height: 1.5em;
   padding: 5%;
-  font-size: 14pt;
+  font-size: 1.5em;
   font-weight: 500;
 }
 
@@ -123,8 +138,8 @@ nav ul {
 /* ---------------- */
 
 header {
-  margin-top: 80px;
-  margin-bottom: 110px;
+  margin-top: 110px;
+  margin-bottom: 180px;
 }
 
 header h1,
@@ -133,13 +148,14 @@ header h2 {
 }
 
 header h1 {
-  font-size: 54pt;
-  margin-top: 1em;
-  margin-bottom: 0.6em;
+  font-size: 5em;
+  line-height: 1.6em;
+  margin-top: 16px;
+  margin-bottom: 10px;
 }
 
 header h2 {
-  font-size: 20pt;
+  font-size: 1.8em;
   font-weight: 400;
   margin-top: 0px;
   margin-bottom: 0px;
@@ -154,8 +170,18 @@ ul.posts-list {
 }
 
 ul.posts-list h2 {
-  margin-top: 1.6em;
-  margin-bottom: 0.7em;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+ul.posts-list li {
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+ul.posts-list p {
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .date {
@@ -175,7 +201,8 @@ footer {
 }
 
 footer p {
-  font-size: 10pt;
+  font-size: 0.8em;
+  line-height: 1.5em;
   margin-top: 0px;
-  margin-bottom: 0px;
+  margin-bottom: 10px;
 }