#modalContainer {
  background-color: transparent;
  backdrop-filter: blur(4px); /* Change 1: added backdrop blur */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10000;
}
#alertBox {
  position: relative;
  width: 300px;
  min-height: 100px;
  margin-top: 50px;
  border: 3px solid #4caf50; /* Change 2: changed border color and size */
  background-color: #74fd7b; /* Change 3: changed background color */
  border-radius: 12px; /* Change 4: added rounded corners */
  box-shadow: 0 0 15px #4caf50; /* Change 5: added box shadow */
}
#modalContainer > #alertBox {
  position: fixed;
}
#alertBox h1 {
  margin: 0;
  text-align: center; /* Change 6: aligned text */
  font: bold 0.9em verdana, arial;
  font-size: 1.2em; /* Change 7: changed font size */
  background-color: #4caf50; /* Change 8: new header color */
  color: #fff;
  border-bottom: 1px solid #000;
  padding: 2px 0 2px 5px;
  text-transform: uppercase;
}
#alertBox p {
  text-align: center; /* Change 9: aligned text */
  font: 1em verdana, arial; /* Change 10: changed font size */
  height: 50px;
  /* Change 11: removed padding */
}
#alertBox #closeBtn {
  display: block;
  position: relative;
  margin: 5px auto;
  padding: 3px;
  border: 1px solid #000;
  width: 70px;
  font: 0.7em verdana, arial;
  text-transform: uppercase;
  text-align: center;
  background-color: #4caf50; /* Change 12: updated button colors */
  border-radius: 8px;
  color: #000;
  text-decoration: none;
}