Remove the massive headings

_layouts/note.html

@@ -6,6 +6,8 @@ layout: default
 
 {{ content }}
 
+<br />
+
 <hr class="backlink-divider">
 
 <div class="backlink-box">
@@ -20,3 +22,5 @@ layout: default
     </div>
     {% endif %}
 </div>
+
+<br />

assets/css/global.css

@@ -57,23 +57,23 @@ h3,
 h4,
 h5,
 h6 {
-    margin-top: 2em;
+    margin-top: 1em;
     margin-bottom: 0.5em;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Ubuntu, sans-serif;
 }
 
 h1 {
-    font-size: 3em;
-}
-
-h2 {
     font-size: 2em;
 }
 
-h3 {
+h2 {
     font-size: 1.5em;
 }
 
+h3 {
+    font-size: 1.2em;
+}
+
 img {
     max-width: 100%;
 }

assets/css/note.css

@@ -3,6 +3,8 @@
 }
 
 .backlink-box {
+    display: flex;
+    flex-direction: column;
 }
 
 .backlinks {