base structure

static/colors.scss

@@ -0,0 +1,8 @@
+/* SCSS HEX */
+$cultured: #f2f2f2ff;
+$rich-black-fogra-29: #011627ff;
+$navajo-white: #ffddadff;
+$middle-blue-green: #9ad5d3ff;
+$steel-blue: #3a7ca5ff;
+
+/* SCSS Gradient */

static/elements.scss

@@ -0,0 +1,12 @@
+// @import url(./static/colors.scss);
+
+.box-with-shadow {
+  background-color: $cultured;
+  border-style: solid;
+  border-width: 0.1px;
+  border-color: $sonic-silver ;
+  border-radius: 10px;
+  box-shadow: -12px 26px 25px -14px $sonic-silver;
+  -webkit-box-shadow: -12px 26px 25px -14px $sonic-silver;
+  -moz-box-shadow: -12px 26px 25px -14px $sonic-silver;
+}

static/fonts.scss

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: Exo2-BlackCondensed;
+  src: url(Exo2-BlackCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-BoldCondensed;
+  src: url(Exo2-BoldCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-ExtraBoldCondensed;
+  src: url(Exo2-ExtraBoldCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-ExtraLightCondensed;
+  src: url(Exo2-ExtraLightCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-MediumCondensed;
+  src: url(Exo2-MediumCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-RegularCondensed;
+  src: url(Exo2-RegularCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-SemiBoldCondensed;
+  src: url(Exo2-SemiBoldCondensed.otf);
+}
+
+@font-face {
+  font-family: Exo2-ThinCondensed;
+  src: url(Exo2-ThinCondensed.otf);
+}

static/main.css

@@ -0,0 +1,7 @@
+body{
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: CortisasPro-Regular;
+}