feat(project): basic settings, styles, fonts

src/assets/styles/_fonts.scss

@@ -0,0 +1,41 @@
+@mixin MakeFont($font-family, $fonts, $base-font-path: '') {
+  @each $font, $weight in $fonts {
+    $font-with-dash: #{$font-family}-#{$font};
+    $font-with-space: #{$font-family} #{$font};
+    $font-with-path: #{$base-font-path}/#{$font-with-dash};
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}.eot');
+      src: local('#{$font-with-dash}'), local('#{$font-with-space}'),
+      url('#{$font-with-path}.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}.woff2') format('woff2'),
+      url('#{$font-with-path}.woff') format('woff'),
+      url('#{$font-with-path}.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}Italic.eot');
+      src: local('#{$font-with-dash}Italic'), local('#{$font-with-space} Italic'),
+      url('#{$font-with-path}Italic.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}Italic.woff2') format('woff2'),
+      url('#{$font-with-path}Italic.woff') format('woff'),
+      url('#{$font-with-path}Italic.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: italic;
+    }
+  }
+}
+
+$fonts: (
+  Light: 300,
+  Regular: 400,
+  Medium: 500,
+  Bold: 600,
+  Black: 700,
+);
+
+@include MakeFont('Formular', $fonts, '@/assets/fonts/formular');

src/assets/styles/_reset.scss

@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}

src/assets/styles/_variables.scss

@@ -0,0 +1,4 @@
+:root {
+  --background-color-primary: #f3f3f3;
+  --font-color-primary: #3d3d3d;
+}

src/assets/styles/main.scss

@@ -0,0 +1,14 @@
+@import 'reset';
+@import 'variables';
+@import 'fonts';
+
+html, body, #__nuxt {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  background-color: var(--background-color-primary);
+  color: var(--font-color-primary);
+  font-family: Formular, Helvetica, Arial, sans-serif;
+}