fixup! fixup! restyle

static/scss/main.scss

@@ -42,11 +42,14 @@ a {
 }
 
 .mono {
-  font-family: "Monocraft", monospace;
+  font-family: PixeloidMono, monospace;
   background-color: $mantle;
+  border-radius: 2px;
+  padding: 0 4px;
   color: $subtext0;
 
   &:hover {
+    transition: .3s ease;
     background-color: $crust;
   }
 }
@@ -57,7 +60,7 @@ a {
   padding: 8px;
 
   & + & {
-    margin-top: 16px;
+    margin-top: 8px;
   }
 }
 
@@ -71,4 +74,18 @@ a {
   src:
     url("/static/font/Pixeloid/woff/Sans.woff2") format("woff2"),
     url("/static/font/Pixeloid/otf/Sans.otf") format("opentype");
-}
+}
+@font-face {
+  font-family: Pixeloid;
+  src:
+    url("/static/font/Pixeloid/woff/Sans-Bold.woff2") format("woff2"),
+    url("/static/font/Pixeloid/otf/Sans-Bold.otf") format("opentype");
+  font-weight: bold;
+}
+@font-face {
+  font-family: PixeloidMono;
+  src:
+    url("/static/font/Pixeloid/woff/Mono.woff2") format("woff2"),
+    url("/static/font/Pixeloid/otf/Mono.otf") format("opentype");
+  font-style: mono;
+}