diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss
index 4956379..2a84a50 100644
--- a/assets/scss/colors.scss
+++ b/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;
+}
diff --git a/assets/scss/font.scss b/assets/scss/font.scss
index fd3db4f..716b0b7 100644
--- a/assets/scss/font.scss
+++ b/assets/scss/font.scss
@@ -1,7 +1,7 @@
 $huge: 42pt;
-$large: 24pt;
-$big: 20pt;
-$medium: 16pt;
+$large: 32pt;
+$big: 24pt;
+$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;
 }
 
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 55ffdb2..d3aed20 100644
--- a/assets/scss/layout.scss
+++ b/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;
 }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 0950907..23d9c04 100644
--- a/assets/scss/style.scss
+++ b/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;
 }