fixed transitions. im not a web dev so dont scream

style.css

@@ -19,6 +19,9 @@
     background-color: black;
 
     position: fixed;
+
+    opacity: 0;
+    transition: opacity 2s;
     
     width: 100vw;
     height: 100vh;
@@ -35,18 +38,12 @@
 
 .blendInAnimation
 {
+    z-index: 10;
     animation-fill-mode: forwards;
     animation-name: blendIn;
     animation-duration: 2s;
 }
 
-.blendOutAnimation
-{
-    animation-fill-mode: forwards;
-    animation-name: blendOut;
-    animation-duration: 2s;
-}
-
 .mapName
 {
     background-color: rgba(0, 0, 0, 0.4);
@@ -101,9 +98,3 @@
     from {opacity: 1;}
     to {opacity: 0;}
 }
-
-@keyframes blendOut
-{
-    from {opacity: 0;}
-    to {opacity: 1;}
-}