change footer styles

css/main.css

@@ -1,3 +1,14 @@
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  background-color: #ECEFF1;
+}
+
+.main-content {
+  flex: 1;
+  background-color: white;
+}
 .hero {
   background-color: #455A64!important;
   text-align: center;
@@ -22,9 +33,10 @@ footer .title.is-3 {
   margin-bottom: 1rem;
 }
 footer.footer {
-  background-color: #ECEFF1;
+  background-color: transparent;
   color: #37474F;
   padding: 1rem;
+  bottom: 0px;
 }
 
 footer img {