diff --git a/static/src/scss/_fonts.scss b/static/src/scss/_fonts.scss
new file mode 100644
index 0000000..57443cc
--- /dev/null
+++ b/static/src/scss/_fonts.scss
@@ -0,0 +1,14 @@
+// Inter fonts
+@import url('https://rsms.me/inter/inter.css');
+
+@font-face {
+  font-style: normal;
+  font-family: "JetBrains Mono";
+  font-display: swap;
+  src: local("JetBrains Mono"),
+       local("JetBrains-Mono"),
+       url("../lib/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2") format("woff2"),
+       url("../lib/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff") format("woff"),
+       url("../lib/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot") format("embedded-opentype"),
+       url("../lib/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf") format("truetype");
+};
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 4780068..3b51dbd 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -19,23 +19,11 @@ $font-size-base: 1.2rem;
 
 @import "node_modules/bootstrap/scss/bootstrap";
 
-@import url('https://rsms.me/inter/inter.css');
-@font-face {
-  font-style: normal;
-  font-family: "JetBrains Mono";
-  font-display: swap;
-  src: local("JetBrains Mono"),
-       local("JetBrains-Mono"),
-       url("../lib/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2") format("woff2"),
-       url("../lib/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff") format("woff"),
-       url("../lib/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot") format("embedded-opentype"),
-       url("../lib/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf") format("truetype");
-};
-
 $navbar-height: 40px;
 $body-color: $gray-300;
 
 
+@import "fonts";
 @import "chroma";
 @import "main";
 @import "navbar";