.flash {
  padding: 12px 18px;
  margin: 15px 0;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

/* Success / notice */
.flash.notice {
  background-color: #28a745; /* green */
}

/* Error / alert */
.flash.alert {
  background-color: #dc3545; /* red */
}


.flash {
  animation: fadeout 3s forwards;
}

.flash.notice::before { content: "✔ "; }

@keyframes fadeout {
  0% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}