+ Added structure and spell-card component

src/assets/scss/_global.scss

@@ -0,0 +1,46 @@
+@import '_variables';
+@import '_mixins';
+@import '_fonts';
+
+// RESETS
+html {
+    box-sizing: border-box;
+    font-size: $font-size-root;
+    -ms-overflow-style: scrollbar;
+    height: 100%;
+    -webkit-overflow-scrolling: touch;
+    line-height: 1.15;
+    color: $dark-gray;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+}
+
+html *,
+html *::before,
+html *::after {
+    box-sizing: border-box;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    outline: none;
+}
+
+@at-root {
+    @-ms-viewport { width: device-width; }
+}
+
+var {
+    font-style: normal;
+}
+
+// BUTTONS
+
+// MISC.
+hr {
+    border: none;
+    border-top-style: solid;
+    border-top-width: 1px;
+    border-top-color: rgba($black, .25);
+}

src/assets/scss/_variables.scss

@@ -0,0 +1,16 @@
+
+// COLOURS
+$white: #FFF;
+$black: #000;
+
+$dark-gray: #222;
+
+$dark-blue: #2c3e50;
+$card-border-inner: #f5ebd8;
+
+// FONT FAMILY
+$font-family: 'Overpass', sans-serif;
+
+$font-size-root: 15px !default;
+$font-size-base: 1.2rem !default;
+$line-height-base: 1.3 !default;