tweak blog post heading style

block-styles.css

@@ -61,8 +61,8 @@
 }
 
 @media screen and (max-width: 782px) {
-  .is-style-markdown-heading::before {
-    margin-inline-start: 1em;
+  .is-style-markdown-heading {
+    margin-inline: 1em;
   }
 }
 

style.css

@@ -21,7 +21,8 @@ Use it to make something cool, have fun, and share what you've learned
 with others.
 */
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
@@ -156,14 +157,27 @@ html, body {
   .home-flower {
     display: none;
   }
+
   .wp-container-13 .wp-block-group {
     padding-top: 0 !important;
   }
 
-	h1, p {
+  h1,
+  p,
+  time {
     padding: 1rem;
   }
 
+  .single-post {
+    .wp-block-post-content {
+      padding-inline: 1rem;
+    }
+
+    .wp-block-post-content h2 {
+      padding-inline: 1rem;
+    }
+  }
+
   .footer {
     padding-inline: 1rem;
   }
@@ -182,6 +196,7 @@ html, body {
     display: block;
     padding-right: 30%;
   }
+
   .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
     display: block;
   }

theme.json

@@ -258,7 +258,7 @@
 					"text": "var(--wp--preset--color--secondary)"
 				},
 				"typography": {
-					"fontSize": "16px",
+					"fontSize": "24px",
 					"textTransform": "uppercase"
 				}
 			},