html,
body {
  margin: 0;
  padding: 0;
  font-family: "Avenir Next", "Avenir", "Segoe UI", sans-serif;
}

.status {
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.status.info {
  background: rgba(59, 130, 246, 0.15);
  color: rgb(191, 219, 254);
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.status.success {
  background: rgba(16, 185, 129, 0.15);
  color: rgb(167, 243, 208);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.status.error {
  background: rgba(239, 68, 68, 0.15);
  color: rgb(252, 165, 165);
  border: 1px solid rgba(239, 68, 68, 0.3);
}