From 975a790ce8f170d004f84f89e9c77e65d1edc043 Mon Sep 17 00:00:00 2001
From: Jonathan03ant <113400649+Jonathan03ant@users.noreply.github.com>
Date: Thu, 4 Jan 2024 20:31:41 -0500
Subject: [PATCH] CSS Update

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

diff --git a/src/App.css b/src/App.css
index a311fa6..e31e027 100644
--- a/src/App.css
+++ b/src/App.css
@@ -37,3 +37,30 @@ body {
     background: #373636;  
 }
 
+.slide-in {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: black;
+    transform-origin: bottom;
+    z-index: 1; /* Add this */
+  }
+  
+  .slide-out {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: black;
+    transform-origin: top;
+    z-index: 1; /* Add this */
+  }
+  
+  /* Add this for your pages */
+  .page {
+    position: relative;
+    z-index: 2; /* This should be higher than the z-index of slide-in and slide-out */
+  }