Variables and colors

src/styles/global.scss

@@ -1,7 +1,20 @@
-@import './media-queries.scss';
+@import "./media-queries.scss";
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 600;
+  src: url("/../../public/assets/fonts/bold.eot");
+}
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 300;
+  src: url("/../../public/assets/fonts/regular.eot");
+}
 
 body {
   font-family: Arial;
+  margin: 0;
 }
 
 .title {

src/styles/variables.scss

@@ -0,0 +1,15 @@
+$light-green: #c8f9df;
+$green: #0be881;
+$dark-green: #0ed277;
+
+$light-blue: #d4f2fe;
+$blue: #4bcffa;
+$dark-blue: #24acda;
+
+$light-yellow: #fff6d6;
+$yellow: #ffde5d;
+$dark-yellow: #ecc31d;
+
+$light-red: #fbd7de;
+$red: #ef5878;
+$dark-red: #ec3b61;