Consolidated styles

src/style/style.scss

@@ -1,17 +1,19 @@
-@import 'globalvars';
-@import 'container';
-
-$textcolor: #000;
-
+body,
 html,
 body,
 button {
-  color: $textcolor;
-  font-family: 'Varela Round', sans-serif !important;
+  color: rgb(60, 66, 87);
+  font-family: -apple-system , BlinkMacSystemFont , "Segoe UI" , "Roboto" , "Helvetica Neue" , "Ubuntu" , sans-serif;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+h1, h2, h3, nav {
+  font-family: 'Varela Round', sans-serif;
 }
 
 body {
-  background-color: #eee;
+  background-color: rgb(247, 250, 252);
 }
 
 // To make icons a little less crowded
@@ -21,3 +23,19 @@ body {
   margin-right: 4px;
   vertical-align: middle;
 }
+
+.aw-container {
+  background-color: #fff;
+  border: 1px solid rgb(235, 237, 243);
+  border-radius: 5px;
+}
+
+// TODO pretty sure we can replace these styles with something bootstrap native
+.footer {
+  float: right;
+  text-align: right
+}
+
+.footer a {
+  margin-left: 13px;
+}