Tweak styling and add animation-in function for Loading text message

app/assets/stylesheets/darkswarm/loading.sass

@@ -16,7 +16,9 @@
     right: 0
     @include user-select(none)
     h1
+      -webkit-animation: blurFadeIn 0.8s  ease-in-out 0s
       color: white
+      font-size: 1.15rem
       position: fixed
       text-align: center
       left: 0
@@ -24,7 +26,6 @@
       margin: 0 auto
       top: 55%
       width: 100%
-      height: 400px
       overflow: visible
 
   .loader
@@ -55,6 +56,20 @@
     li:nth-child(3)
       -webkit-animation: loadbars 0.6s ease-in-out infinite -0.4s
 
+@-webkit-keyframes blurFadeIn
+  0%
+    opacity: 0
+    text-shadow: 0px 0px 10px #fff
+    -webkit-transform: scale(1.3)
+  50%
+    opacity: 0.5
+    text-shadow: 0px 0px 5px #fff
+    -webkit-transform: scale(1.1)
+  100%
+    opacity: 1
+    text-shadow: 0px 0px 0px #fff
+    -webkit-transform: scale(1)
+
 @-webkit-keyframes 'loadbars'
   0%
     height: 10px