diff --git a/src/cool-stuff/css-purgatory/index.html b/src/cool-stuff/css-purgatory/index.html
index f16539a..64c0019 100644
--- a/src/cool-stuff/css-purgatory/index.html
+++ b/src/cool-stuff/css-purgatory/index.html
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<title>CSS Purgatory - Emilia Allison</title>
-		<link rel="stylesheet" href="pink/index.css">
+		<link rel="stylesheet" href="../../css/about.css">
 		<meta name="viewport" content="width=device-width,initial-scale=1">
 	<style>
 	/* For classes not supplied by base.css
@@ -14,11 +14,9 @@
 	</style>
 	</head>
 	<body>
-		<div class="overlay">
-		</div>
-		<div class="outerdiv contentholder">
-			<div class="contentholder__topfiller"></div>
-			<div class="content flex column">
+		<div class="overlay"></div>
+		<main class="offset-grid--top--wide fullsize">
+			<div>
 				<h1>
 					CSS Purgatory
 				</h1>
diff --git a/src/fonts/Inconsolata.ttf b/src/fonts/Inconsolata.ttf
new file mode 100644
index 0000000..34848ca
Binary files /dev/null and b/src/fonts/Inconsolata.ttf differ
diff --git a/src/fonts/Jost.ttf b/src/fonts/Jost.ttf
new file mode 100644
index 0000000..e758df3
Binary files /dev/null and b/src/fonts/Jost.ttf differ
diff --git a/src/scss/waltuh/_variables.scss b/src/scss/waltuh/_variables.scss
index 9f68e42..1028ca3 100644
--- a/src/scss/waltuh/_variables.scss
+++ b/src/scss/waltuh/_variables.scss
@@ -19,7 +19,7 @@ $-fs-900: math.div(100rem, 16);
 
 @font-face {
   font-family: "Inconsolata";
-  src: url("fonts/Inconsolata.ttf");
+  src: url("/fonts/Inconsolata.ttf");
 
   font-display: swap;
   font-variation-settings: "wdth" 85;
@@ -27,7 +27,7 @@ $-fs-900: math.div(100rem, 16);
 
 @font-face {
   font-family: "Jost";
-  src: url("fonts/Jost.ttf");
+  src: url("/fonts/Jost.ttf");
 
   font-display: swap;
 }
