Scale the page slightly when loading new pages

1 files changed, 3 insertions, 1 deletions

diff --git a/src/App.tsx b/src/App.tsx
index 56fbd17..361ea0d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -34,18 +34,20 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  transition: 300ms ease opacity;
+  transition: 300ms ease-in-out opacity, 300ms ease-in-out transform;
   width: 100%;
 }
 
 .fade-enter,
 .fade-exit-active {
   opacity: 0;
+  transform: scale(0.9);
 }
 
 .fade-enter-active {
   opacity: 1;
   z-index: 1;
+  transform: scale(1);
 }
 `;