💄 style: change various font sizes and date format

sass/main.scss

@@ -77,9 +77,10 @@ body {
   word-wrap: break-word;
   min-height: 80vh;
 }
+
 h1 {
   display: block;
-  font-size: 1.7em;
+  font-size: 2.3em;
   margin-top: 0.67em;
   margin-bottom: 0em;
   margin-left: 0;
@@ -97,6 +98,46 @@ h2 {
   font-weight: bold;
 }
 
+h3 {
+  display: block;
+  font-size: 1.7em;
+  margin-top: 0.83em;
+  margin-bottom: 0em;
+  margin-left: 0;
+  margin-right: 0;
+  font-weight: bold;
+}
+
+h4 {
+  display: block;
+  font-size: 1.5em;
+  margin-top: 0.83em;
+  margin-bottom: 0em;
+  margin-left: 0;
+  margin-right: 0;
+  font-weight: bold;
+}
+
+h5 {
+  display: block;
+  font-size: 1.2em;
+  margin-top: 0.83em;
+  margin-bottom: 0em;
+  margin-left: 0;
+  margin-right: 0;
+  font-weight: bold;
+}
+
+.bloglist-title{
+  display: block;
+  font-size: 1.2em;
+  margin-top: 1.2em;
+  margin-bottom: 0.83em;
+  margin-left: 0;
+  margin-right: 0;
+  font-weight: bold;
+}
+
 @media only screen and (max-width: 1000px) {
   .content {
     max-width: var(--normal-layout-width);

sass/parts/_cards.scss

@@ -43,6 +43,16 @@
     }
 }
 
+.bloglist-title{
+    display: block;
+    font-size: 1.2em;
+    margin-top: 1.2em;
+    margin-bottom: 0.83em;
+    margin-left: 0;
+    margin-right: 0;
+    font-weight: bold;
+}
+
 .bloglist-table-row {
     padding: 2%;
     background-color: var(--navbar-color);

sass/parts/_misc.scss

@@ -47,7 +47,7 @@ blockquote {
 a {
   color: var(--text-color);
   text-decoration-color: var(--links);
-  font-weight: 1000;
+  font-weight: 800;
 }
 
 a:hover {

templates/macros/macros.html

@@ -2,13 +2,13 @@
 <div class="bloglist-container">
     {%- for page in pages %}
     <section class="bloglist-table-row">
-        <h3>
+        <div class="bloglist-title">
             <a href={{ page.permalink }}>{{page.title}}</a>
-        </h3>
+        </div>
 
         <div class="meta">
             {%- if page.date %}
-            <time>{{ page.date | date(format="%Y-%m-%d") }}</time>
+            <time>{{ page.date | date(format="%d %B %Y") }}</time>
             {% endif -%}
             <br />
             <span>{{ page.reading_time }} minute read</span>
@@ -57,18 +57,18 @@
 {% endmacro tags %}
 
 {% macro page_header(title) %}
-<h2>
+<h1>
     {{ title }}
-</h2>
+</h1>
 {% endmacro content %}
 
 
 {% macro page_desc(desc) %}
 <div id="banner-container-home">
     <div id="home-banner-text">
-        <h1>
+        <h3>
             {{ desc.title }}
-        </h1>
+        </h3>
         <p id="banner-home-subtitle">{{ desc.text }}</p>
     </div>
     <div class="image-container-home">