/* alert container */

#alertContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

#alertMessage {
  max-width: 320px;
  width: auto;
  margin-top: 10px;
  /* animation: shake 0.5s ease-in-out, fadeOut 5s forwards; */
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-10px);
  }

  50% {
    transform: translateX(10px);
  }

  75% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* text blue  */

.text-blue-600 {
  color: #030712 !important;
}

.bg-blue-600 {
  background-color: #030712 !important;
}