the fuckging uhhh thingy layout with padding yeah

resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -78,6 +78,16 @@ article {
     background-color: #d2c9a5;
     border-color: #4b726e; }
 
+article h2,
+article h3 {
+  background-color: #8caba1;
+  color: #4b3d44; }
+
+article.light h2,
+article.light h3 {
+  background-color: #4b726e;
+  color: #d2c9a5; }
+
 html,
 body {
   height: 100%;
@@ -94,7 +104,13 @@ 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 {
   margin-top: auto;
@@ -140,10 +156,12 @@ footer {
   justify-content: center;
   align-items: center; }
 
+h2, h3, h4, h5, h6 {
+  margin-top: 1em; }
+
 article {
   margin-top: 42pt;
-  margin-inline: auto;
+  margin-inline: auto; }
-  padding: 4em; }
 
 @font-face {
   font-family: CaskaydiaCove;
@@ -160,6 +178,16 @@ article {
 h1 {
   font-size: 42pt; }
 
+h2 {
+  font-size: 42pt;
+  font-style: bold; }
+
+h3, h4 {
+  font-size: 32pt; }
+
+h5 h6 {
+  font-size: 24pt; }
+
 a {
   text-decoration: none; }
 
@@ -169,7 +197,7 @@ footer * {
 
 label::after {
   font-family: CaskaydiaCoveMono;
-  font-size: 20pt; }
+  font-size: 24pt; }
 
 * {
   border-width: 2pt; }
@@ -222,9 +250,5 @@ input:checked + label::after {
   align-items: center;
   border-style: solid; }
 
-article {
-  border-style: solid;
-  border-radius: 24pt; }
-
 .togglelabel {
   border: solid; }