header {
  background-color: #dce800;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.header__logo {
  height: 90px;
  margin-top: 2px;
}

.page-container {
  max-width: 680px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

main {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.intro {
  margin-bottom: 1.5em;
}

.h4 {
  margin-top: 30px;
}

p {
  text-wrap: pretty;
}

altcha-widget {
  --altcha-color-base: var(--bs-body-bg);
  --altcha-color-base-content: var(--bs-body-color);
  --altcha-color-neutral: var(--bs-secondary-bg);
  --altcha-color-neutral-content: var(--bs-secondary-color);
  --altcha-color-primary: var(--bs-primary);
  --altcha-color-primary-content: var(--bs-white);
  --altcha-color-error: var(--bs-danger);
  --altcha-color-error-content: var(--bs-white);
  --altcha-color-success: var(--bs-success);
  --altcha-color-success-content: var(--bs-white);

  --altcha-border-color: var(--bs-border-color);
  --altcha-border-radius: var(--bs-border-radius);
  --altcha-border-width: var(--bs-border-width);

  --altcha-checkbox-border-color: var(--bs-border-color);
  --altcha-checkbox-border-radius: var(--bs-border-radius-sm);
  --altcha-checkbox-outline-color: var(--bs-focus-ring-color);

  --altcha-input-border-radius: var(--bs-border-radius-sm);
  --altcha-spinner-color: var(--bs-primary);
}

altcha-widget.is-invalid {
  --altcha-border-color: var(--bs-form-invalid-border-color);
  --altcha-checkbox-border-color: var(--bs-form-invalid-border-color);
}