apply kivi design

app/public/main.css

@@ -1,3 +1,14 @@
+@font-face {
+  font-family: "Alte Haas Grotesk";
+  src: url("./fonts/altehaasgroteskregular.ttf");
+}
+
+@font-face {
+  font-family: "Alte Haas Grotesk";
+  src: url("./fonts/altehaasgroteskbold.ttf");
+  font-weight: bold;
+}
+
 .welcome-center-button {
   width: 100%;
 }
@@ -18,6 +29,10 @@
   width: 95%;
 }
 
+.noUi-connect {
+  background: #02adba;
+}
+
 .centered-element {
   margin-top: 200px;
 }
@@ -26,6 +41,19 @@
   margin-top: 100px;
 }
 
+.btn, .btn-floating {
+  background: #02adba;
+  font-weight: bold;
+}
+
+.kivi-color {
+  color: #02adba;
+}
+
+.kivi-spinner-color {
+  border-color: #02adba;
+}
+
 #map {
   height: 50%;
 }
@@ -35,7 +63,7 @@ body {
   height: 100%;
   margin: 0;
   padding: 0;
-  font-family: "Tangerine", serif;
+  font-family: "Alte Haas Grotesk", serif;
 }
 
 #floating-panel {
@@ -43,10 +71,9 @@ body {
   left: 25%;
   z-index: 5;
   background-color: #fff;
-  padding: 5px;
   border: 1px solid #999;
   text-align: center;
   font-family: "Roboto", "sans-serif";
   line-height: 30px;
-  padding-left: 10px;
+  padding: 5px 5px 5px 10px;
 }