4 files changed, 14 insertions(+), 8 deletions(-)

M magic.sass
A public/DepartureMono-Regular.otf
A public/DepartureMono-Regular.woff
A public/DepartureMono-Regular.woff2

@@ 2,8 2,8 @@ $primary-colour: #fef9ed
 $light-colour: #545454
 
 // $font-stack: Darker Grotesque, arial
-$font-stack: Darker Grotesque, Helvetica, sans-serrif
-$font-stack: monogram, Helvetica, sans-serrif
+// $font-stack: Darker Grotesque, Helvetica, sans-serrif
+$font-stack: departure-mono, Helvetica, sans-serrif
 $sharp_shadow: 10px 10px 0px 0px hsl(0deg 0% 0% / 1)
 $sharp_shadow_pressed: 2px 2px 0px 0px hsl(0deg 0% 0% / 1)
 //


@@ 12,12 12,17 @@ $sharp_shadow_pressed: 2px 2px 0px 0px hsl(0deg 0% 0% / 1)
 //   src: url('darker-grotesque-normal.woff2') format('woff')
 //   font-display: swap
 
-//
-@font-face 
-  font-family: monogram
-  src: url('https://cdn.vamist.dev/monogram.ttf') 
+// //
+// @font-face 
+//   font-family: monogram
+//   src: url('https://cdn.vamist.dev/monogram.ttf') 
+//   font-display: swap
+@font-face
+  font-family: departure-mono
+  src: url('./DepartureMono-Regular.woff2')
   font-display: swap
 
+
 ::selection
     background: #dd6cb4
     color: white


@@ 34,7 39,7 @@ body
 
 a, p, h1, h2
   padding: 0
-  font-size: 28px
+  font-size: 22px
   margin: 0
   text-shadow: -1px -1px 0 $primary-colour, 1px -1px 0 $primary-colour, -1px 1px 0 $primary-colour, 1px 1px 0 $primary-colour
   font-smooth: never


@@ 54,7 59,7 @@ code
   margin: 2px
 
 h1
-  font-size: 32px
+  font-size: 26px
   text-decoration: underline
   text-decoration-thickness: 4px
   text-underline-offset: 8px


@@ 109,6 114,7 @@ nav
   flex-direction: column
   align-items: center
   padding-left: 30px
+  padding-top: 100%
   width: 90%
   gap: 0%