From b8da03fdb07f12c38f34a5b5ed9cae483fdbf78f Mon Sep 17 00:00:00 2001
From: Nitin <tulswani19@gmail.com>
Date: Fri, 14 Jul 2017 02:11:53 +0530
Subject: [PATCH] added some more animations

---
 components/Terminal.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/components/Terminal.css b/components/Terminal.css
index f9aba8f..f6dd6c1 100644
--- a/components/Terminal.css
+++ b/components/Terminal.css
@@ -7,6 +7,7 @@
 
 .terminal-container-wrapper {
   height: 100%;
+  animation: fadeIn 0.18s ease-in;
 }
 
 .terminal-container-wrapper,
@@ -26,6 +27,21 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  60% {
+    opacity: 0.6;
+  }
+
+  100% {
+    opacity: 1;
+  }
 }
 
 .terminal-input-area {