Final Medal

static/app.js

@@ -32,16 +32,24 @@ buttons.forEach(button => {
     })
   })
 
-document.addEventListener("DOMContentLoaded", function() {
+  document.addEventListener("DOMContentLoaded", function() {
     showPopup();
+    setTimeout(closePopup, 15000);
 });
 
 function showPopup() {
-    document.getElementById("popup-container").classList.add("show");
+    var popupContainer = document.getElementById("popup-container");
+    popupContainer.style.display = "block";
+
+    void popupContainer.offsetWidth;
+
+    popupContainer.classList.add("show");
     document.body.style.overflow = "hidden"; // Disable scrolling
 }
 
 function closePopup() {
-    document.getElementById("popup-container").classList.remove("show");
+    var popupContainer = document.getElementById("popup-container");
+    popupContainer.classList.remove("show");
     document.body.style.overflow = "auto"; // Enable scrolling
-}
\ No newline at end of file
+}
+

static/style.css

@@ -480,11 +480,11 @@ filter: blur(0);
   text-align: center;
   z-index: 999;
   opacity: 0;
-  transition: opacity 1s;
+  transition: opacity 2s ease; /* Transition property with a 3-second duration and ease timing function */
 }
 
 #popup-container.show {
-    opacity: 1;
+  opacity: 1;
 }
 
 #popup-content {