the fuckging uhhh thingy layout with padding yeah

assets/scss/colors.scss

@@ -105,3 +105,15 @@ article {
   background-color: $dark-bg;
   border-color: $dark-bg-alt;
 }
+
+article h2,
+article h3{
+  background-color: $dark-bg-alt;
+  color: $dark-bg;
+}
+
+article.light h2,
+article.light h3{
+  background-color: $light-bg-alt;
+  color: $light-bg;
+}

assets/scss/font.scss

@@ -1,7 +1,7 @@
 $huge: 42pt;
-$large: 24pt;
+$large: 32pt;
-$big: 20pt;
+$big: 24pt;
-$medium: 16pt;
+$medium: 18pt;
 $small: 12pt;
 
 @font-face {
@@ -23,12 +23,25 @@ h1 {
   font-size: $huge;
 }
 
+h2 {
+  font-size: $huge;
+  font-style:bold;
+}
+
+h3, h4 {
+  font-size: $large;
+}
+
+h5 h6 {
+  font-size: $big;
+}
+
 a {
   text-decoration: none;
 }
 
 footer * {
-  font-size: $large;
+  font-size: $big;
   font-family: CaskaydiaCoveMono;
 }
 

assets/scss/layout.scss

@@ -18,7 +18,14 @@ footer {
 #content {
   min-height: calc(100% - 42pt * 3);
   right: auto;
-  padding: 42pt;
+  padding-bottom: 84pt;
+}
+
+#content p,
+#content ul,
+#content ol,
+#content table{
+  padding-inline: 4em;
 }
 
 #footer-left {
@@ -71,9 +78,11 @@ footer {
   align-items: center;
 }
 
+h2, h3, h4, h5, h6 {
+  margin-top: 1em;
+}
 
 article {
   margin-top: 42pt;
   margin-inline: auto;
-  padding: 4em;
 }

assets/scss/style.scss

@@ -62,11 +62,6 @@ input:checked + label::after{
     border-style: solid;
 }
 
-article {
-    border-style: solid;
-    border-radius: $radius;
-}
-
 .togglelabel{
     border: solid;
 }