Style page title

static/src/scss/content.scss

@@ -0,0 +1,24 @@
+a {
+  color: $primary;
+
+  &:hover {
+    @extend .grey-text, .text-lighten-3;
+    transition: color 0.5s;
+
+    text-decoration: none;
+  }
+
+  &.colour-invert {
+    @extend .grey-text, .text-lighten-3;
+
+    &:hover {
+      color: $primary;
+    }
+  }
+}
+
+h1.page-title {
+  font-weight: 300;
+  font-size: 4rem;
+  margin-top: 1rem;
+}

static/src/scss/index.scss

@@ -3,6 +3,7 @@
 @import "materialize-css/sass/materialize";
 
 @import "homepage";
+@import "content";
 
 body {
   @extend .grey-text, .text-lighten-3;
@@ -13,25 +14,6 @@ body {
   background-color: #17181C;
 }
 
-a {
-  color: $primary;
-
-  &:hover {
-    @extend .grey-text, .text-lighten-3;
-    transition: color 0.5s;
-
-    text-decoration: none;
-  }
-
-  &.colour-invert {
-    @extend .grey-text, .text-lighten-3;
-
-    &:hover {
-      color: $primary;
-    }
-  }
-}
-
 main {
   flex: 1 0 auto;
 }

templates/content.html

@@ -8,7 +8,7 @@
   {% endblock %}
 
   <div class="container">
-    <h1>{% block title %}{% endblock %}</h1>
+    <h1 class="page-title">{% block title %}{% endblock %}</h1>
     {% block content %}{% endblock %}
   </div>
 {% endblock%}