diff --git a/src/css/imports/mixins.scss b/src/css/imports/mixins.scss
index e27753d..27832bf 100644
--- a/src/css/imports/mixins.scss
+++ b/src/css/imports/mixins.scss
@@ -1,18 +1,3 @@
-@mixin font-body($weight: normal) {
-  font-family: "Montserrat", sans-serif;
-  font-weight: $weight;
-}
-
-@mixin font-title($weight: normal) {
-  font-family: "Montserrat", sans-serif;
-  font-weight: $weight;
-}
-
-@mixin font-link($weight: normal) {
-  font-family: "Montserrat", sans-serif;
-  font-weight: $weight;
-}
-
 @mixin abs-full {
   position: absolute;
   width: 100%;
diff --git a/src/css/imports/typography.scss b/src/css/imports/typography.scss
new file mode 100644
index 0000000..90dab1b
--- /dev/null
+++ b/src/css/imports/typography.scss
@@ -0,0 +1,14 @@
+@mixin font-body($weight: normal) {
+  font-family: "Montserrat", sans-serif;
+  font-weight: $weight;
+}
+
+@mixin font-title($weight: normal) {
+  font-family: "Montserrat", sans-serif;
+  font-weight: $weight;
+}
+
+@mixin font-link($weight: normal) {
+  font-family: "Montserrat", sans-serif;
+  font-weight: $weight;
+}
diff --git a/src/css/main.css b/src/css/main.css
index 98fe781..6dd7260 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -5,8 +5,11 @@
 @import "milligram/src/milligram.scss";
 
 @import "imports/mixins.scss";
+
 @import "imports/base.scss";
 @import "imports/layout.scss";
+@import "imports/typography.scss";
+
 @import "imports/utility.scss";
 
 @import "imports/header.scss";