4 files changed, 50 insertions, 0 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
new file mode 100644
index 0000000..014e722
--- /dev/null
+++ b/src/styles/app.scss
@@ -0,0 +1,13 @@
+$body-bg: transparent;
+$body-color: #FFFFFF;
+$list-group-bg: transparent;
+$font-size-base: 1.5rem;
+$input-bg: transparent;
+$input-color: #FFFFFF;
+
+@import "~bootstrap/scss/bootstrap";
+@import "main.scss";
+@import "portrait.scss";
+@import "landscape.scss";
+@import "~@fortawesome/fontawesome-free/css/all.min.css";
+
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
new file mode 100644
index 0000000..b7e1bf7
--- /dev/null
+++ b/src/styles/landscape.scss
@@ -0,0 +1,6 @@
+@media (orientation: landscape) {
+
+    html {
+        background-image: url('../images/horizontal_background.png');
+    }
+}
+\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
new file mode 100644
index 0000000..e1d6ceb
--- /dev/null
+++ b/src/styles/main.scss
@@ -0,0 +1,21 @@
+::-webkit-scrollbar {
+    display: none;
+}
+
+html {
+    height: 100%;
+    background-size: cover;
+    -webkit-overflow-scrolling: touch;
+}
+
+body {
+    .log {
+        display: none;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 1080px;
+        background: white;
+        font-size: 1.5rem;
+    }
+}
+\ No newline at end of file
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
new file mode 100644
index 0000000..f8db5e4
--- /dev/null
+++ b/src/styles/portrait.scss
@@ -0,0 +1,10 @@
+@media (orientation: portrait) {
+
+    html {
+        background-image: url('../images/vertical_background.png');
+        background-position: top center;
+        background-repeat: no-repeat;
+        background-color: transparent;
+        height: 992px;
+    }
+}
+\ No newline at end of file