Add a custom font

Makefile

@@ -0,0 +1,19 @@
+all: site/style.css site/index.html site/drift.js site/grotesk.woff2
+
+clean:
+	rm -r site .sass-cache
+
+sitedir:
+	mkdir -p ./site
+
+site/style.css: sitedir style.sass
+	sass style.sass site/style.css
+
+site/index.html: sitedir index.html
+	cp --reflink=auto index.html site/
+
+site/drift.js: sitedir drift.js
+	cp --reflink=auto drift.js site/
+
+site/grotesk.woff2: sitedir grotesk.woff2
+	cp --reflink=auto grotesk.woff2 site/

style.sass

@@ -7,12 +7,12 @@ body, html
 
 h1
 	position: absolute
-	top: 140px
+	top: 85px
 	text-align: center
 	width: 100vw
 	color: white
-	font-family: Atkinson Hyperlegible
-	font-size: 3em
+	font-family: Grotesk
+	font-size: 5.8em
 
 #goop-zone
 	position: relative
@@ -24,4 +24,8 @@ h1
 	transition: transform 0.485s linear
 
 main
-	background-color: #b50931
+	background-color: #b50931
+
+@font-face
+	font-family: Grotesk
+	src: url("grotesk.woff2") format("woff2")