adding missing styles

1 files changed, 26 insertions, 8 deletions

diff --git a/client/src/login/scss/_loginPanel.scss b/client/src/login/scss/_loginPanel.scss
index 8afb066..b105784 100644
--- a/client/src/login/scss/_loginPanel.scss
+++ b/client/src/login/scss/_loginPanel.scss
@@ -1,14 +1,37 @@
 .login-panel {
   text-align: center;
+  padding: 1.5em;
 
   &__form {
     display: inline-block;
+    width: 100%;
+    max-width: 400px;
+  }
+
+  @keyframes shine {
+    0% {background-size: 220% 100%;}
+    7% {background-position: 0 100%;}
+    100% {background-position: 0 100%;}
   }
 
   &__header {
-    color: white;
-    font-size: 2em;
+    color: $text;
+    font-size: 1.75em;
+    line-height: 1.5;
     margin-bottom: 4em;
+    position: relative;
+    display: inline-block;
+    color: $text;
+    overflow: hidden;
+    background: linear-gradient(to right, $text 50%, $text-selected 55%, $text 60%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-position: 110%;
+    animation: shine 15s ease-out;
+    background-size: 220% 100%;
+    animation-iteration-count: infinite;
+    animation-delay: 8s;
   }
 
   &__button {
@@ -21,14 +44,9 @@
     padding: .5em 1.5em;
     margin: 0 auto;
     transition: .3s color, .3s background;
-    cursor: pointer;
-
-    &:hover {
-      background: $text-inactive;
-      color: $background;
-    }
 
     &.active {
+      cursor: pointer;
       background: $background;
       color: $text-selected;
       border: 2px solid $text-selected;