Add transitions to missing pages and attempt to animate it better?

src/style/atoms/_site-title.scss

@@ -1,9 +1,6 @@
 .site-title {
     font-family: $font-serif;
 
-    .pink {
-        font-weight: 300;
-    }
     .middle {
         position: relative;
         top: -4px;
@@ -13,11 +10,6 @@
         letter-spacing: 1px;
     }
 
-    // Pink text
-    &__pink {
-        color: $color-secondary;
-    }
-
 
     /*
     ** Variants
@@ -53,7 +45,7 @@
     &--inline {
         display: block;
         align-items: baseline;
-        color: $color-lightpurple;
+        color: $color-secondary;
         justify-content: center;
         font-size: rem(52px);
 

src/style/organisms/_house.scss

@@ -7,6 +7,9 @@
     }
 
     a {
+        display: block;
+        width: 100%;
+        height: 100%;
         text-decoration: none;
         cursor: zoom-in;
     }

src/style/pages/_credits.scss

@@ -109,11 +109,27 @@
                 color: rgba($color-tertiary, 0.6);
             }
             a:hover {
-                color: #fff;
+                color: $color-tertiary;
             }
             li {
                 display: inline-block;
-                line-height: 1.5;
+                line-height: 1.7;
+
+                picture {
+                    display: inline-block;
+                    width: 12px;
+                    height: 12px;
+                    margin-right: 4px;
+                    overflow: hidden;
+                    vertical-align: middle;
+                    border-radius: 100%;
+
+                    img {
+                        display: block;
+                        width: 100%;
+                        height: 100%;
+                    }
+                }
 
                 &:after {
                     display: inline-block;