diff --git a/sass/_fonts.scss b/sass/_fonts.scss
new file mode 100644
index 0000000..b6efd8e
--- /dev/null
+++ b/sass/_fonts.scss
@@ -0,0 +1,25 @@
+
+@font-face {
+	font-family: spectral;
+	font-style: normal;
+	font-weight: 400;
+	src: url("/fonts/spectral-regular.woff2") format("woff2"),
+	url("/fonts/spectral-regular.woff") format("woff"),
+	url("/fonts/spectral-regular.ttf") format("truetype");
+}
+@font-face {
+	font-family: spectral;
+	font-style: normal;
+	font-weight: 700;
+	src: url("/fonts/spectral-bold.woff2") format("woff2"),
+	url("/fonts/spectral-bold.woff") format("woff"),
+	url("/fonts/spectral-bold.ttf") format("truetype");
+}
+@font-face {
+	font-family: spectral;
+	font-style: italic;
+	font-weight: 400;
+	src: url("/fonts/spectral-italic.woff2") format("woff2"),
+	url("/fonts/spectral-italic.woff") format("woff"),
+	url("/fonts/spectral-italic.ttf") format("truetype");
+}
diff --git a/sass/style.scss b/sass/style.scss
index 9e46b61..9d77b53 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,27 +1,4 @@
-@font-face {
-	font-family: spectral;
-	font-style: normal;
-	font-weight: 400;
-	src: url("/fonts/spectral-regular.woff2") format("woff2"),
-	url("/fonts/spectral-regular.woff")	format("woff"),
-	url("/fonts/spectral-regular.ttf")	 format("truetype");
-}
-@font-face {
-	font-family: spectral;
-	font-style: normal;
-	font-weight: 700;
-	src: url("/fonts/spectral-bold.woff2") format("woff2"),
-	url("/fonts/spectral-bold.woff")	format("woff"),
-	url("/fonts/spectral-bold.ttf")	 format("truetype");
-}
-@font-face {
-	font-family: spectral;
-	font-style: italic;
-	font-weight: 400;
-	src: url("/fonts/spectral-italic.woff2") format("woff2"),
-	url("/fonts/spectral-italic.woff")	format("woff"),
-	url("/fonts/spectral-italic.ttf")	 format("truetype");
-}
+@use "_fonts";
 
 ::selection{
 	background-color: #ffffb2;