html, body {
  font-family: 'Open Sans', sans-serif;
}

main > .container {
  padding-top: 72px;
}

.page-title {
  font-family: 'Concert One', cursive;
  font-weight: 400;
  background-color: #E1B517;
  border: 2px solid #242424;
  border-radius: 9px;
  color: #242424;
  margin: 0 1.5rem;
  padding: 0.25rem 0.5rem;
  transition: all 0.5s ease-out;
}

.page-title:hover {
  border-color: #000;
  color: #000;
  text-shadow: 2px 2px 1px gold;
  box-shadow: rgba(192, 192, 201, 0.3) 0px 3px 4px 0px, rgba(192, 192, 201, 0.15) 0px 2px 6px 2px;
}

header nav.navbar a.nav-link { font-weight: 500; }
header nav.navbar a.nav-link.active { font-weight: 600; }

footer.footer p { font-size: 12px; }

footer.footer .nav-link { color: #727272; font-size: 14px; font-weight: 500; }
footer.footer .nav-link.active { color: #424242; font-weight: 700; }

.danger-tooltip {
  --bs-tooltip-bg: var(--bs-danger);
}

.slw-clue-answer {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
}

.slw-clue-answer-alternative {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
}

.slw-clue-label {
  font-weight: 500;
  line-height: 32px;
  height: 32px;
  vertical-align: middle;
}