1 files changed, 62 insertions, 0 deletions
diff --git a/src/public/scss/update.scss b/src/public/scss/update.scss
new file mode 100644
index 0000000..8e9d2f2
--- /dev/null
+++ b/src/public/scss/update.scss
@@ -0,0 +1,62 @@
+#update {
+    * {
+      margin: 0;
+      padding: 0;
+      border: 0;
+      box-sizing: border-box;
+      &:before, &:after {
+        box-sizing: inherit;
+      }
+    }
+    html {
+      width: 100vw;
+      height: 100vh;
+    }
+    body {
+      background-color: #1fa2ed;
+      color: #fff;
+    }
+
+    // LET THE LOADING BEGIN
+    .start-screen {
+      display: flex;
+      justify-content: center;
+      flex-flow: nowrap column;
+      align-items: center;
+      min-height: 100vh;
+    }
+    .loading {
+      display: flex;
+      margin: 24px 0;
+    }
+    .loading__element {
+      font: normal 100 2rem/1 Roboto;
+      letter-spacing: .5em;
+    }
+    [class*="el"] {
+      animation: bouncing 3s infinite ease;
+    }
+
+    @for $i from 1 through 19 {
+      $delay: percentage($i);
+      .el#{$i} {
+        animation-delay: $delay / 1000% + s;
+      }
+    }
+
+    @keyframes bouncing {
+      0%, 100% {
+        transform: scale3d(1,1,1);
+      }
+      50% {
+        transform: scale3d(0,0,1);
+      }
+    }
+
+    .current-event {
+        color: rgba(255, 255, 255, 0.53);
+        font: normal 100 1rem/1 Roboto;
+        letter-spacing: .1em;
+    }
+
+}