diff --git a/src/app/styles.less b/src/app/styles.less
index 6c5663653..56ca95d8f 100644
--- a/src/app/styles.less
+++ b/src/app/styles.less
@@ -1,5 +1,119 @@
@import 'stremio-colors';
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-LightItalic.ttf') format('truetype');
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Italic.ttf') format('truetype');
+ font-weight: 400;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-SemiBold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Bold.ttf') format('truetype');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-BoldItalic.ttf') format('truetype');
+ font-weight: 700;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
+ font-weight: 800;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
+ font-weight: 800;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Lato';
+ src: url('/fonts/Lato.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'LatoLight';
+ src: url('/fonts/Lato-Light.ttf') format('truetype');
+}
+
+* {
+ margin: 0px;
+ padding: 0px;
+ border: none;
+ list-style: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ box-sizing: border-box;
+ text-decoration: none;
+ font-weight: normal;
+}
+
+:global {
+ html, body, #app, .modal-container {
+ position: relative;
+ width: 100vw;
+ height: 100vh;
+ min-width: 1000px;
+ min-height: 650px;
+ overflow: hidden;
+ font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif';
+ z-index: 0;
+ }
+
+ .modal-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ }
+}
+
.route-container {
position: absolute;
top: 0;
diff --git a/src/index.html b/src/index.html
index e67fabd40..dcb80a620 100755
--- a/src/index.html
+++ b/src/index.html
@@ -4,119 +4,6 @@
Stremio - All you can watch!
-