html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

.app-badge {
  height: 3.5rem;
  width: auto;
}

.alert {
  border-radius: 1rem;
  border: 1px solid transparent;
  padding: 0.875rem 1rem;
  font-size: 0.95rem;
}

.alert-success {
  color: #166534;
  background-color: #dcfce7;
  border-color: #86efac;
}

.alert-danger,
.alert-error {
  color: #991b1b;
  background-color: #fee2e2;
  border-color: #fca5a5;
}

.alert-warning {
  color: #92400e;
  background-color: #fef3c7;
  border-color: #fcd34d;
}

.alert-info,
.alert-notice {
  color: #1d4ed8;
  background-color: #dbeafe;
  border-color: #93c5fd;
}