align main website with new theme

src/main.scss

@@ -7,7 +7,7 @@
 @import '../node_modules/bulmaswatch/flatly/overrides';
 
 .homepage-hero{
-  height: 100vh;
+  padding-bottom: 100px;
   min-height: 700px;
   overflow: hidden;
 
@@ -34,7 +34,7 @@
     height: 36px;
     vertical-align: middle;
     padding-right: 5px;
-    fill: #fff;
+    fill: #333;
   }
 
   a{
@@ -206,10 +206,19 @@ code {
   color: #fff;
 }
 
-.hero.is-primary {
+.button.is-light {
   background-color: #f4f4f4;
 }
 
+.hero.is-primary .navbar {
+  background-color: #f4f4f4;
+  color: #333;
+}
+
+.hero.is-primary {
+  background-color: white;
+}
+
 .hero.is-primary .title {
   color: #333;
 }
@@ -219,6 +228,12 @@ code {
 }
 
 .hero.is-link {
+  background-color: #528321;
+  background-color: #f4f4f4;
+  color: #fff;
+}
+
+.hero.is-link .subtitle {
   color: #333;
 }