diff --git a/styles/fonts/firamono/firamono-500.ttf b/styles/fonts/firamono/firamono-500.ttf
new file mode 100644
index 0000000..793c60d
Binary files /dev/null and b/styles/fonts/firamono/firamono-500.ttf differ
diff --git a/styles/fonts/firamono/firamono-500.woff b/styles/fonts/firamono/firamono-500.woff
new file mode 100644
index 0000000..79b051f
Binary files /dev/null and b/styles/fonts/firamono/firamono-500.woff differ
diff --git a/styles/fonts/firamono/firamono-500.woff2 b/styles/fonts/firamono/firamono-500.woff2
new file mode 100644
index 0000000..23e02eb
Binary files /dev/null and b/styles/fonts/firamono/firamono-500.woff2 differ
diff --git a/styles/style.css b/styles/style.css
index 4e645cd..2f2230e 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,12 +1,20 @@
 /* FONTS */
 @font-face {
-  font-family: 'fira_monoregular';
+  font-family: 'firamono';
   src: url('/styles/fonts/firamono/firamono-regular.woff2') format('woff2'),
        url('/styles/fonts/firamono/firamono-regular.woff') format('woff'),
        url('/styles/fonts/firamono/firamono-regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
+@font-face {
+  font-family: 'firamono';
+  src: url('/styles/fonts/firamono/firemono-500.woff2') format('woff2'),
+       url('/styles/fonts/firamono/firemono-500.woff') format('woff'),
+       url('/styles/fonts/firamono/firemono-500.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
 
 /* COLOR VARS */
 :root {
@@ -96,7 +104,8 @@ body {
 .actionbutton {
   display: inline-block;
   text-decoration: none;
-  font-family: 'fira_monoregular', monospace;
+  font-family: 'firamono', monospace;
+  font-weight: 500;
   cursor: pointer;
   background-color: #3c78d8;
   border: none;