Add custom theming to main headings

src/index/index.scss

@@ -1,10 +1,2 @@
 @import "../lib/scss/main";
 @import "~bootstrap/scss/bootstrap";
-
-.head-line {
-  color: #99d1ce;
-}
-
-.tag-line {
-  font-size: 1rem;
-}

src/lib/scss/_headings.scss

@@ -0,0 +1,7 @@
+.head-line {
+  margin-top: 1rem;
+}
+
+.tag-line {
+  font-size: 1rem;
+}

src/lib/scss/main.scss

@@ -1,2 +1,3 @@
 @import 'custom-bootstrap';
 @import 'fonts';
+@import 'headings';

src/mail/mail.pug

@@ -1,7 +1,7 @@
 extends ../lib/pug/base
 
 block content
-  h1 Contact me
+  h1.head-line Contact me
 
   .row
     //- The form