font mixins

src/styles/_general.scss

@@ -6,7 +6,7 @@
   padding: 0;
   box-sizing: border-box;
   scroll-behavior: smooth;
-  font-family: "Raleway", sans-serif;
+  @include roboto;
 }
 
 html {
@@ -52,7 +52,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: "Roboto", sans-serif;
+  @include raleway;
 }
 
 .container {

src/styles/_mixins.scss

@@ -0,0 +1,7 @@
+@mixin raleway {
+  font-family: "Raleway", sans-serif;
+}
+
+@mixin roboto {
+  font-family: "Roboto", sans-serif;
+}

src/styles/_nav.scss

@@ -84,5 +84,6 @@
     padding: 1rem;
     font-size: 1.6rem;
     color: inherit;
+    @include raleway;
   }
 }

src/styles/style.scss

@@ -1,4 +1,5 @@
 @import "./variables";
+@import "./mixins";
 @import "./general";
 @import "./nav";
 @import "./videos";