💄 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 {