- change css font size for h1.. h6

themes/tse/assets/css/content.scss

@@ -10,7 +10,7 @@ body {
   height: 100%;
   max-height: 100%;
   font-family: "Roboto Slab", serif;
-  font-size: 2rem;
+  font-size: 1.75rem;
   line-height: 1.6em;
   color: var(--section-light-text-color);
 }
@@ -44,7 +44,7 @@ h3,h4,h5,h6 {
 }
 
 h1 {
-  font-size: 4rem;
+  font-size: 3.5rem;
   line-height: 1.2em;
   letter-spacing: -2px;
   text-indent: -3px;
@@ -66,12 +66,8 @@ h4 {
   font-size: 2rem;
 }
 
-h5 {
-  font-size: 1.5rem;
-}
-
-h6 {
-  font-size: 1rem;
+h5, h6 {
+  font-size: 1.8rem;
 }
 
 p{

themes/tse/assets/css/responsiveness.scss

@@ -71,20 +71,32 @@
   }
 
   h1 {
-    font-size: 4.8rem;
+    font-size: 3.5rem;
     text-indent: -2px;
   }
 
   h2 {
-    font-size: 3.8rem;
+    font-size: 3rem;
+    line-height: 1.2em;
+    letter-spacing: -1px;
+    text-indent: -2px;
   }
 
   h3 {
-    font-size: 3.3rem;
+    font-size: 2.5rem;
+    margin-bottom: 1.5rem;
   }
-
+  
   h4 {
-    font-size: 2.8rem;
+    font-size: 2rem;
+  }
+  
+  h5 {
+    font-size: 1.8rem;
+  }
+  
+  h6 {
+    font-size: 1rem;
   }
 
   #site-head #site-menu, #site-head.withCenteredImage #site-menu {
@@ -159,19 +171,27 @@
     padding: 0 1rem;
   }
 
-  h1,
+  h1 {
+    font-size: 3.5rem;
+  }
+
   h2 {
     font-size: 3rem;
+  }
+
+  h1,
+  h2 {
     line-height: 1.1em;
     letter-spacing: -1px;
   }
 
   h3 {
-    font-size: 2.8rem;
+    font-size: 2.5rem;
+    margin-bottom: 1.5rem;
   }
-
+  
   h4 {
-    font-size: 2.3rem;
+    font-size: 2rem;
   }
 
   .post-template .post {
@@ -183,7 +203,7 @@
   }
 
   .site-footer {
-    font-size: 1.1rem;
+    font-size: 1.3rem;
   }
   #site-head #top-banner,
   #site-head.withCenteredImage #top-banner {

themes/tse/assets/css/theme.scss

@@ -70,7 +70,7 @@ body {
 
   .blog-description {
     margin: 0;
-    font-size: 3rem;
+    font-size: 2.75rem;
     line-height: 1.5em;
     font-weight: 400;
     font-family: "Roboto Slab", serif;
@@ -122,7 +122,7 @@ body {
     border-radius: 3px;
     -webkit-border-radius: 3px;
     display: inline-block;
-    font-size: 70%;
+    font-size: 80%;
     margin: 2rem 0.3rem;
     padding: 0.0rem 0.7rem;
     position: relative;
@@ -342,7 +342,7 @@ a.fn-item {
   background: var(--footer-color-background);
   color: var(--footer-color);
   font-family: "Open Sans", sans-serif;
-  font-size: 1.3rem;
+  font-size: 1.5rem;
   position: relative;
   margin: 0rem 0 0 0;
   padding: 1rem 0;
@@ -362,6 +362,7 @@ a.fn-item {
 
 /* Footer Icons */
 .icons {
+  font-size: 2rem;
   display: flex;
   justify-content: center;
   gap: 30px;