We react now, also fonts and shitz

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.cache

.vscode/launch.json

@@ -0,0 +1,7 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": []
+}

assets/fonts/iosevka/iosevka-aile.css

@@ -0,0 +1,315 @@
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-thin.woff2') format('woff2'), url('woff/iosevka-aile-thin.woff') format('woff'), url('ttf/iosevka-aile-thin.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-thinoblique.woff2') format('woff2'), url('woff/iosevka-aile-thinoblique.woff') format('woff'), url('ttf/iosevka-aile-thinoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-thinoblique.woff2') format('woff2'), url('woff/iosevka-aile-thinoblique.woff') format('woff'), url('ttf/iosevka-aile-thinoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-thinitalic.woff2') format('woff2'), url('woff/iosevka-aile-thinitalic.woff') format('woff'), url('ttf/iosevka-aile-thinitalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-extralight.woff2') format('woff2'), url('woff/iosevka-aile-extralight.woff') format('woff'), url('ttf/iosevka-aile-extralight.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-extralightoblique.woff2') format('woff2'), url('woff/iosevka-aile-extralightoblique.woff') format('woff'), url('ttf/iosevka-aile-extralightoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-extralightoblique.woff2') format('woff2'), url('woff/iosevka-aile-extralightoblique.woff') format('woff'), url('ttf/iosevka-aile-extralightoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-extralightitalic.woff2') format('woff2'), url('woff/iosevka-aile-extralightitalic.woff') format('woff'), url('ttf/iosevka-aile-extralightitalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-light.woff2') format('woff2'), url('woff/iosevka-aile-light.woff') format('woff'), url('ttf/iosevka-aile-light.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-lightoblique.woff2') format('woff2'), url('woff/iosevka-aile-lightoblique.woff') format('woff'), url('ttf/iosevka-aile-lightoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-lightoblique.woff2') format('woff2'), url('woff/iosevka-aile-lightoblique.woff') format('woff'), url('ttf/iosevka-aile-lightoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-lightitalic.woff2') format('woff2'), url('woff/iosevka-aile-lightitalic.woff') format('woff'), url('ttf/iosevka-aile-lightitalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-regular.woff2') format('woff2'), url('woff/iosevka-aile-regular.woff') format('woff'), url('ttf/iosevka-aile-regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-oblique.woff2') format('woff2'), url('woff/iosevka-aile-oblique.woff') format('woff'), url('ttf/iosevka-aile-oblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-oblique.woff2') format('woff2'), url('woff/iosevka-aile-oblique.woff') format('woff'), url('ttf/iosevka-aile-oblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-italic.woff2') format('woff2'), url('woff/iosevka-aile-italic.woff') format('woff'), url('ttf/iosevka-aile-italic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-medium.woff2') format('woff2'), url('woff/iosevka-aile-medium.woff') format('woff'), url('ttf/iosevka-aile-medium.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-mediumoblique.woff2') format('woff2'), url('woff/iosevka-aile-mediumoblique.woff') format('woff'), url('ttf/iosevka-aile-mediumoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-mediumoblique.woff2') format('woff2'), url('woff/iosevka-aile-mediumoblique.woff') format('woff'), url('ttf/iosevka-aile-mediumoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-mediumitalic.woff2') format('woff2'), url('woff/iosevka-aile-mediumitalic.woff') format('woff'), url('ttf/iosevka-aile-mediumitalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-semibold.woff2') format('woff2'), url('woff/iosevka-aile-semibold.woff') format('woff'), url('ttf/iosevka-aile-semibold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-semiboldoblique.woff2') format('woff2'), url('woff/iosevka-aile-semiboldoblique.woff') format('woff'), url('ttf/iosevka-aile-semiboldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-semiboldoblique.woff2') format('woff2'), url('woff/iosevka-aile-semiboldoblique.woff') format('woff'), url('ttf/iosevka-aile-semiboldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-semibolditalic.woff2') format('woff2'), url('woff/iosevka-aile-semibolditalic.woff') format('woff'), url('ttf/iosevka-aile-semibolditalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-bold.woff2') format('woff2'), url('woff/iosevka-aile-bold.woff') format('woff'), url('ttf/iosevka-aile-bold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-boldoblique.woff2') format('woff2'), url('woff/iosevka-aile-boldoblique.woff') format('woff'), url('ttf/iosevka-aile-boldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-boldoblique.woff2') format('woff2'), url('woff/iosevka-aile-boldoblique.woff') format('woff'), url('ttf/iosevka-aile-boldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-bolditalic.woff2') format('woff2'), url('woff/iosevka-aile-bolditalic.woff') format('woff'), url('ttf/iosevka-aile-bolditalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-extrabold.woff2') format('woff2'), url('woff/iosevka-aile-extrabold.woff') format('woff'), url('ttf/iosevka-aile-extrabold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-extraboldoblique.woff2') format('woff2'), url('woff/iosevka-aile-extraboldoblique.woff') format('woff'), url('ttf/iosevka-aile-extraboldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-extraboldoblique.woff2') format('woff2'), url('woff/iosevka-aile-extraboldoblique.woff') format('woff'), url('ttf/iosevka-aile-extraboldoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-extrabolditalic.woff2') format('woff2'), url('woff/iosevka-aile-extrabolditalic.woff') format('woff'), url('ttf/iosevka-aile-extrabolditalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('woff2/iosevka-aile-heavy.woff2') format('woff2'), url('woff/iosevka-aile-heavy.woff') format('woff'), url('ttf/iosevka-aile-heavy.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('woff2/iosevka-aile-heavyoblique.woff2') format('woff2'), url('woff/iosevka-aile-heavyoblique.woff') format('woff'), url('ttf/iosevka-aile-heavyoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	src: url('woff2/iosevka-aile-heavyoblique.woff2') format('woff2'), url('woff/iosevka-aile-heavyoblique.woff') format('woff'), url('ttf/iosevka-aile-heavyoblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('woff2/iosevka-aile-heavyitalic.woff2') format('woff2'), url('woff/iosevka-aile-heavyitalic.woff') format('woff'), url('ttf/iosevka-aile-heavyitalic.ttf') format('truetype');
+}