:root {
  font-family: Arial, sans-serif;
  --color-text: black;
  --color-header: #2922ad;
  --color-highlight: #3f3a97;
  --color-highlight-compliment: #ffffff;
  --color-link: #ac30eb;
}

h1 {
  color: var(--color-header);
}

h2, h3, h4 {
  color: var(--color-highlight);
}

h1 {
  font-size: 1.8rem;
  margin: 2.4rem 0;
}

h2 {
  font-size: 1.6rem;
  margin: 1.8rem 0;
}

h3 {
  font-size: 1.45rem;
  margin: 1.35rem 0;
}

h4 {
  font-size: 1.3rem;
  margin: 0.9rem 0;
}

h5 {
  font-size: 1.2rem;
  margin: 0.6rem 0;
}

h6 {
  font-size: 1.1rem;
  margin: 0.3rem 0;
}

a {
  color: var(--color-link);
}

header {
    text-align: center;
}

button {
  background: var(--color-highlight);
  color: var(--color-highlight-compliment);
  border: none;
  padding: 0.4rem 1.2rem;
}