.text-center {
  text-align: center;
}

.content {
  max-width: 960px;
  margin: auto;
  padding: 0 18px;
}

.margin-auto {
  margin: auto;
}

.accent-background {
  background-color: var(--navbar-bg-color);
  color: white;
  border-bottom: 0.3em solid rgba(68, 68, 68, 0.3);
  border-radius: 2rem;
}

.lighter-background {
  background-color: var(--bg-color-lighter);
  border: 0.1em solid rgba(68, 68, 68, 0.3);
  border-bottom: 0.3em solid rgba(68, 68, 68, 0.3);
  border-radius: 2rem;
}

.lighter-background.interactive {
  background-color: var(--bg-color-lighter);
  border: 0.1em solid rgba(251, 143, 6, 0.6);
  border-bottom: 0.3em solid rgba(251, 143, 6, 0.6);
  border-radius: 2rem;
}

button.accent-background {
  border: none;
  border-bottom: 0.3em solid rgba(68, 68, 68, 0.3);
  border-radius: 2rem;
}

button.lighter-background {
  background-color: var(--bg-color-lighter);
  border: 0.1em solid rgba(68, 68, 68, 0.3);
  border-bottom: 0.2em solid rgba(68, 68, 68, 0.3);
  border-radius: 2rem;
}