:root {
  --md-primary-fg-color: #2f7f7f;
  --md-primary-fg-color--light: #5fb3b3;
  --md-primary-fg-color--dark: #1f5f5f;
  --md-accent-fg-color: #2f7f7f;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1f3f3f;
  --md-accent-fg-color: #5fb3b3;
  --md-typeset-a-color: #5fb3b3;
}

.hero {
  text-align: center;
  margin: 1rem 0 2rem;
}

.hero img {
  width: 260px;
}

.hero h1 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 1rem 0 1.5rem;
}

[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: #5fb3b3;
  border-color: #5fb3b3;
}

[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: #2f7f7f;
  border-color: #2f7f7f;
  color: #fff;
}