.escape-background{
  background-image: url('../images/vault.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.admin-background{
  background-image: url('../images/admin.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

h2 {
  text-align: center;
}

.escape-settings{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}

.fade-in {
  opacity: 0;  /* Initially invisible */
  animation: fadeIn 2s ease-in forwards;  /* 2s fade-in animation */
}

@keyframes fadeIn {
  to {
      opacity: 1;  /* Fade to fully visible */
  }
}