some size and headers style changed

src/style/article.css

@@ -3,7 +3,12 @@
 }
 
 .article h1 {
-    margin-bottom: var(--size-m);
+    margin-bottom: var(--size-l);
+}
+
+.article h2 {
+    margin-top: var(--size-xl);
+    margin-bottom: var(--size-l);
 }
 
 .article ul {

src/style/kazimir/image.css

@@ -2,7 +2,7 @@
     /* position: relative; */
     /* width: calc(100% + var(--kazimir-image-increase)); */
     /* margin-left: calc(-0.5 * var(--kazimir-image-increase)); */
-    margin-bottom: var(--size-l);
+    margin-bottom: var(--size-xl);
 }
 
 .kazimir__image p {

src/style/style.css

@@ -30,8 +30,8 @@
     --size-xs: 0.35rem;
     --size-s: 0.75rem;
     --size-m: 1.25rem;
-    --size-l: 2rem;
-    --size-xl: 3rem;
+    --size-l: 3rem;
+    --size-xl: 5rem;
 
     /* EFFECTS */
     --radius: 16px;