add of style for the searchBar

src/pages/Events/EventsPage.module.css

@@ -34,6 +34,22 @@
     padding: 5px 5px 5px 5px;
 }
 
+.searchBarOverlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    background-color: rgba(0, 0, 0, 0.3);
+    backdrop-filter: blur(4px);
+}
+
+
+.searchBarContainer{
+    display: flex;
+    justify-content: center;
+}
 
 .createButton, .searchButton, .sortButton {
     display: flex;
@@ -67,15 +83,6 @@
 }
 
 
-
-.searchBar {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-}
-
-
 @media screen and (max-width: 768px) {
     .eventsButtons {
         flex-direction: row;