styling changes - added font-awesome

app/pages/Home/Home.js

@@ -5,9 +5,17 @@ export default class Home extends React.Component {
 
     render() {
         return (
-            <div className="Home">
+            <div className="Card">
+            <div className="Card__header">
                 GoBot Early Access Pre Pre Alpha
             </div>
+                <p>This application is a work in progress.</p>
+                <p>Check out the source code on 
+                    <a href="https://github.com/mgerb/GoBot" target="_blank"> GitHub 
+                        <i className="fa fa-github" aria-hidden="true"></i>
+                    </a>
+                </p>
+            </div>
         );
     }
 }

app/pages/Home/Home.scss

@@ -1,7 +1 @@
-.Home {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    font-size: 25px;
-}
+@import "../../scss/variables";

app/pages/Soundboard/Soundboard.scss

@@ -26,10 +26,12 @@
     padding: 20px;
     color: lighten($gray1, 15%);
     border-radius: 1em;
-    width: 200px;
-    height: 200px;
+    width: 300px;
+    height: 300px;
+    background-color: $gray2;
+    transition: background-color 0.1s linear;
 }
 
 .Dropzone--active {
-    background-color: lighten($gray1, 20%);
+    background-color: $primaryBlue;
 }