@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

body .flash {
  font-family: "JetBrains Mono", monospace;
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  border-radius: 8px;
  padding: 0.5em 0.25em;
  position: fixed;
  z-index: 99;
  bottom: 0.5em;
  left: 0.5em;
  right: 0.5em;
  animation: fadeOut 8s ease-in-out forwards;
}

body .flash-alert {
  background-color: var(--red-light);
}

body .flash-notice {
  background-color: var(--green-light);
}