Add a credit page and make style reusable

src/style/_base.scss

@@ -6,6 +6,7 @@ html {
 body {
     @include font-smooth;
     background: $color-primary;
+    color: #fff;
     cursor: default;
     overflow-x: hidden;
 }
@@ -67,6 +68,15 @@ button {
     }
 }
 
+
+// Title: Category
+.title-category {
+    font-family: $font-serif;
+    font-size: rem(28px);
+    line-height: 1;
+    color: $color-secondary;
+}
+
 // Title: Locations
 .title-location {
     font-family: $font-serif;
@@ -150,25 +160,40 @@ button {
 /* Text Styles
 ========================================================================== */
 .style-location {
+    font-family: $font-serif;
+    font-size: rem(24px);
+    color: #fff;
+    line-height: 1;
     text-align: center;
 
+    a {
+        color: #fff;
+        text-decoration: none;
+
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    @include breakpoint (sm) {
+        font-size: rem(28px);
+    }
+
     .street {
         margin-bottom: 8px;
-        font-family: $font-serif;
-        font-size: rem(24px);
-
-        @include breakpoint (sm) {
-            font-size: rem(28px);
-        }
     }
 }
 
 .style-caps {
+    font-family: $font-sans;
     font-size: rem(14px);
     color: $color-tertiary;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
+.style-caps--transparent {
+    color: rgba($color-tertiary, 0.5);
+}
 
 .style-description {
     color: $color-tertiary;