1 files changed, 67 insertions, 2 deletions
diff --git a/css/main.css b/css/main.css
index e4beab5..4d28317 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,5 +1,5 @@
 body {
-    background: none
+    background: none;
   }
   .bobAnimate-container {
     position: absolute;
@@ -16,4 +16,69 @@ body {
     transition-timing-function: ease-in-out;
     transition: margin-left 2s;
   }
-  
-\ No newline at end of file
+
+/* Loader */
+
+/* body {
+  text-align: center;
+  padding-top: 20%;
+  background: #fdfdfd;
+} */
+
+.loader-wrapper {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #fdfdfd;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.loader {
+  width: 100px;
+  height: 100px;
+  display: inline-table;
+  box-sizing: border-box;
+  position: relative;
+  border-spacing: 0.3em;
+}
+.loader row {
+  display: table-row;
+}
+.loader row span {
+  display: table-cell;
+  position: relative;
+  background: #1d1f20;
+  opacity: 0;
+  -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate;
+}
+
+@-webkit-keyframes flicker {
+  from, 20% {
+    opacity: 0;
+  }
+  100%, to {
+    opacity: 1;
+  }
+}
+
+
+
+.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; }
+.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; }
+.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; }
+.loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; }
+.loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; }
+.loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; }
+.loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; }
+.loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; }
+.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; }
+
+
+
+
+
+