2 files changed, 51 insertions, 0 deletions
diff --git a/client/src/login/scss/_loginPanel.scss b/client/src/login/scss/_loginPanel.scss
new file mode 100644
index 0000000..8afb066
--- /dev/null
+++ b/client/src/login/scss/_loginPanel.scss
@@ -0,0 +1,43 @@
+.login-panel {
+  text-align: center;
+
+  &__form {
+    display: inline-block;
+  }
+
+  &__header {
+    color: white;
+    font-size: 2em;
+    margin-bottom: 4em;
+  }
+
+  &__button {
+    display: inline-block;
+    color: $text-inactive;
+    background: $background;
+    font-size: 1.25em;
+    border-radius: 1em;
+    border: 2px solid $text-inactive;
+    padding: .5em 1.5em;
+    margin: 0 auto;
+    transition: .3s color, .3s background;
+    cursor: pointer;
+
+    &:hover {
+      background: $text-inactive;
+      color: $background;
+    }
+
+    &.active {
+      background: $background;
+      color: $text-selected;
+      border: 2px solid $text-selected;
+
+      &:hover {
+        background: $text-selected;
+        color: $background;
+      }
+    }
+  }
+
+}
diff --git a/client/src/login/scss/index.scss b/client/src/login/scss/index.scss
new file mode 100644
index 0000000..6a7eb52
--- /dev/null
+++ b/client/src/login/scss/index.scss
@@ -0,0 +1,8 @@
+@import '../../common/scss/reset';
+@import '../../common/scss/colors';
+@import '../../common/scss/globals';
+@import '../../common/scss/forms';
+@import '../../common/scss/main';
+@import '../../common/scss/info';
+@import '../../common/scss/topBar';
+@import 'loginPanel';