.alert_cont {
  position: absolute;
  top: -100px;
  left: calc((100vw / 2) - (400px / 2));
  background-color: var(--primary-color);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 700;
  font-size: 16 px;
  padding: 20px;
  width: 400px;
  height: 100px;
  z-index: 20;
  transition: 500ms ease-in-out;
}
.alert_cont.active {
  top: 20px !important;
  transition: 900ms ease-in-out;
  background-color: var(--primary-color) !important;
}

#alert_message {
  text-align: center;
}