extend h1-6 with .h1-6

src/scss/_base.scss

@@ -44,3 +44,17 @@ body {
   color: $color-body;
   background-color: $background-color;
 }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	@include font-title();
+}
+
+a,
+button {
+	@include font-link();
+}

src/scss/_reset.scss

@@ -41,10 +41,8 @@ body {
       line-height: 1.5;
     }
 
-/* Make images easier to work with */
-img {
-	max-width: 100%;
-	display: block;
+		a {
+			text-decoration: none;
 		}
 
     /* Inherit fonts for inputs and buttons */
@@ -55,10 +53,16 @@ select {
       font: inherit;
     }
 
+    /* Make images easier to work with */
+    img {
+      max-width: 100%;
+      display: block;
+
 			/* Blur images when they have no alt attribute */
-img:not([alt]) {
+			&:not([alt]) {
 				filter: blur(10px);
 			}
+    }
 
     /* Remove all animations and transitions for people that prefer not to see them */
     @media (prefers-reduced-motion: reduce) {
@@ -69,3 +73,5 @@ img:not([alt]) {
         scroll-behavior: auto !important;
       }
     }
+
+

src/scss/style.scss

@@ -3,3 +3,27 @@
 @import "typography";
 @import "base";
 @import "layout";
+
+.h1 {
+	@extend h1;
+}
+
+.h2 {
+	@extend h2;
+}
+
+.h3 {
+	@extend h3;
+}
+
+.h4 {
+	@extend h4;
+}
+
+.h5 {
+	@extend h5;
+}
+
+.h6 {
+	@extend h6;
+}