diff --git a/site/layouts/partials/header_homepage.html b/site/layouts/partials/header_homepage.html
index ecb93b1e..84103647 100644
--- a/site/layouts/partials/header_homepage.html
+++ b/site/layouts/partials/header_homepage.html
@@ -9,17 +9,15 @@
         <div class="container">
             <div class="columns">
                 <!-- Left panel -->
-                <div class="column is-5">
-                    <div class="middle">
-                        <div>
-                            <h2 class="title">{{ .Site.Params.Tagline }}</h2>
-                            <a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}">
-                                <span class="icon">
-                                    <i class="fab fa-github"></i>
-                                </span>
-                                <span>Source Code</span>
-                            </a>
-                        </div>
+                <div class="column is-centered-vertically is-5">
+                    <h2 class="title">{{ .Site.Params.Tagline }}</h2>
+                    <div>
+                        <a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}">
+                            <span class="icon">
+                                <i class="fab fa-github"></i>
+                            </span>
+                            <span>Source Code</span>
+                        </a>
                     </div>
                 </div>
 
@@ -32,4 +30,4 @@
             </div>
         </div>
     </div>
-</section>
+</section>
\ No newline at end of file
diff --git a/src/scss/shared.scss b/src/scss/shared.scss
index df7fbb21..8e0dd7f3 100644
--- a/src/scss/shared.scss
+++ b/src/scss/shared.scss
@@ -1,28 +1,17 @@
-// Override/configure the default color palette
-$info: $primary-color;
-
-$navbar-height: 64px;
-$body-background-color: darken(white, 10%);
-
-// Allows for larger icons with less padding
-$navbar-item-img-max-height: 2.75rem;
-
 // Used to smoothly change background colors
 #hero-navbar {
     transition: background-color 0.2s ease;
 }
 
 // Used to distinguish the hero navbar when the page has been scrolled
-.is-freestanding {
-    background: $info !important;
+.hero .navbar.is-freestanding {
+    background: $info;
 }
 
 // Used as helper
-.middle {
-    align-items: center;
-    vertical-align: middle;
-    height: 100%;
-    display: flex !important;
+.columns .column.is-centered-vertically {
+    display: flex;
+    flex-direction: column;
     justify-content: center;
 }
 
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 4c27d1bd..7a3941b1 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,3 +1,15 @@
 @import "./yuzu.scss";
-@import "./shared.scss";
-@import "./node_modules/bulma/bulma.sass";
\ No newline at end of file
+
+// Override/configure the default color palette
+$info: $primary-color;
+
+$navbar-height: 64px;
+$body-background-color: darken(white, 10%);
+
+// Allows for larger icons with less padding
+$navbar-item-img-max-height: 2.75rem;
+
+$footer-background-color: $body-background-color;
+
+@import "./node_modules/bulma/bulma.sass";
+@import "./shared.scss";
\ No newline at end of file
diff --git a/src/scss/yuzu.scss b/src/scss/yuzu.scss
index 8608ef71..857b3a6c 100644
--- a/src/scss/yuzu.scss
+++ b/src/scss/yuzu.scss
@@ -1,5 +1,3 @@
 $dark-primary-color: #102027;
 $light-primary-color: #62727b;
-$primary-color: #37474f;
-
-//$primary: #696969;
+$primary-color: #37474f;
\ No newline at end of file