font.css

.jersey-10-regular {
 font-family: "Jersey 10", sans-serif;
 font-weight: 400;
 font-style: normal;
}

.popup-container {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 /* Semi-transparent black overlay */
 z-index: 9999;
}

/* Popup content styles */
.popup-content {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background-color: rgb(31, 31, 31);
 padding: 30px;
 border-radius: 10px;
 box-shadow: 0 0 20px rgba(170, 170, 170, 0.435);
 text-align: center;
}

/* Close button styles */
.close-btn {
 position: absolute;
 top: 15px;
 right: 10px;
 cursor: pointer;
 background-color: rgb(237, 71, 71);
 padding: 5px;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(224, 38, 38, 0.454);
}

#overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 /* Semi-transparent black */
 backdrop-filter: blur(1px);
 /* Apply blur effect */
 z-index: 999;
 /* Ensure it's above other content */
 display: none;
 /* Initially hidden */
}