From 095af0e5de1de3dc8398e9d46a167b74501005f7 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camscode.com>
Date: Sun, 6 Nov 2022 18:49:06 -0500
Subject: [PATCH] Added Fade in animation when a new page loads

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

diff --git a/src/components/css/App.css b/src/components/css/App.css
index b4abcc9..f76deb2 100644
--- a/src/components/css/App.css
+++ b/src/components/css/App.css
@@ -32,6 +32,22 @@ html, body {
 
 .App .app-content {
     height:100%;
+    
+}
+
+.App .app-content div {
+    animation: pageFadeInAnimation ease 0.75s;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+}
+
+@keyframes pageFadeInAnimation {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+     }
 }
 
 @media only screen and (max-width: 600px) {