diff --git a/_scss/_base.scss b/_scss/_base.scss
index ab6fd22..7670def 100644
--- a/_scss/_base.scss
+++ b/_scss/_base.scss
@@ -1,6 +1,7 @@
 body {
 	image-rendering: pixelated;
 	line-height: 1.6;
+	font-family: Atkinson sans;
 	font-size: 18px;
 	color: $foreground-color;
 	background: $background-color;
@@ -21,8 +22,8 @@ body {
 	justify-content: right;
 	align-items: left;
 	text-align: left;
-	margin-left: 40em;
-	margin-right: 40em;
+	margin-left: $content-gap;
+	margin-right: $content-gap;
 }
 
 /* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@@ -47,6 +48,10 @@ h3 {
 	margin-top: 1cm;
 	margin-bottom: 0;
 }
+h4 {
+	margin-top: 0.5cm;
+	margin-bottom: 0;
+}
 
 
 ::selection {
@@ -114,3 +119,7 @@ code, pre {
 code {
 	display: inline;
 }
+
+.footnote-definition p {
+	display: inline;
+}
diff --git a/assets/CozetteVector.otf b/assets/CozetteVector.otf
deleted file mode 100644
index 5e1fca6..0000000
Binary files a/assets/CozetteVector.otf and /dev/null differ
diff --git a/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff b/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff
new file mode 100644
index 0000000..1c95eaa
Binary files /dev/null and b/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff differ
diff --git a/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff b/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff
new file mode 100644
index 0000000..f71ef5b
Binary files /dev/null and b/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff differ
diff --git a/assets/fonts/Atkinson-Hyperlegible-Italic-102.woff b/assets/fonts/Atkinson-Hyperlegible-Italic-102.woff
new file mode 100644
index 0000000..5c546f1
Binary files /dev/null and b/assets/fonts/Atkinson-Hyperlegible-Italic-102.woff differ
diff --git a/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff b/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff
new file mode 100644
index 0000000..14aaa2f
Binary files /dev/null and b/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff differ
diff --git a/assets/fonts/CozetteVector.woff2 b/assets/fonts/CozetteVector.woff2
new file mode 100644
index 0000000..af78c84
Binary files /dev/null and b/assets/fonts/CozetteVector.woff2 differ
diff --git a/style.scss b/style.scss
index 5233b2b..3de2ecb 100644
--- a/style.scss
+++ b/style.scss
@@ -4,10 +4,32 @@ $accent-color: #ca9ee6;
 $accent-color-light: #f4b8e4;
 $accent-color-dark: #ea999c;
 $radius: 10px;
+$content-gap: 30em;
 
 @font-face {
 	font-family: Cozette;
-	src: url(/assets/CozetteVector.otf);
+	src: url(/assets/fonts/CozetteVector.woff2);
+}
+
+@font-face {
+	font-family: Atkinson;
+	src: url(/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff);
+}
+@font-face {
+	font-family: Atkinson;
+	src: url(/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff);
+	font-weight: bold;
+}
+@font-face {
+	font-family: Atkinson;
+	src: url(/assets/fonts/Atkinson-Hyperlegible-Italic-102.woff);
+	font-style: italic;
+}
+@font-face {
+	font-family: Atkinson;
+	src: url(/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff);
+	font-weight: bold;
+	font-style: italic;
 }
 
 @import '_scss/base', '_scss/navigation';