init

app/scss/index.scss

@@ -0,0 +1,4 @@
+@import '~font-awesome/css/font-awesome.css';
+@import '~normalize.css/normalize.css';
+@import './variables.scss';
+@import './style.scss';

app/scss/style.scss

@@ -0,0 +1,24 @@
+html {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+
+body {
+  color: $light-blue;
+  background-color: $dark-blue;
+}
+
+.fa {
+  margin-right: 5px;
+  margin-left: 5px;
+}
+
+a {
+  text-decoration: none;
+  color: $blue;
+  transition: all 0.1s linear;
+  cursor: pointer;
+
+  &:hover {
+    color: $blue--lighter;
+  }
+}

app/scss/variables.scss

@@ -0,0 +1,10 @@
+// colors
+$dark-blue: #1d2938;
+$dark-blue--1: lighten(#1d2938, 5%);
+$dark-blue--2: lighten(#1d2938, 10%);
+$blue: #258de5;
+$blue--lighter: saturate(lighten($blue, 10%), 100%);
+$green: #39ce83;
+$light-blue: #e9eef2;
+$red: #e95779;
+$white: #fff;