/* Global flash notice/alert banner (app/views/layouts/application.html.erb). */

.flash {
  max-width: 32rem;
  margin: 1rem auto 0;
  padding: 0 1.5rem;
}

.flash__notice,
.flash__alert {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}

.flash__notice {
  background: #eaf7ec;
  border: 1px solid #b9e3bf;
  color: #1e6b2c;
}

.flash__alert {
  background: #fdecea;
  border: 1px solid #f5c2c0;
  color: #8a1f1f;
}