animations.

resources/public/index.html

@@ -21,6 +21,19 @@
   height: 100%;
   background-color: #fff;
 }
+    body {
+        animation: scaleUp .7s ease both;
+    }
+    @keyframes scaleUp {
+        from { opacity: 0; transform: scale(.95); }
+    }
+
+    @keyframes moveToTop {
+    from { }
+    to { -webkit-transform: translateY(-100%); transform:
+    translateY(-100%); }
+    }
+    
     .left-nav {
     width: 300px;
     }
@@ -49,6 +62,9 @@
   color: #2EB398;
   border: 3px solid #2EB398;
 }
+    .inbox-messages {
+        animation: scaleUp .7s ease both;
+    }
 .nav.menu .nav-item .icon-btn .fa {
   font-size: 20px;
   color: #B7C6C9;