.site-title {
  text-align: center;
  font-weight: bolder;
  color: black;
  padding: 3rem 1rem;
  margin-bottom: 3rem;
  text-shadow: 0px 3px 0px var(--bs-gray-400);
}

.site-title--dark {
  text-align: center;
  font-weight: bolder;
  color: white;
  padding: 3rem 1rem;
  margin-bottom: 3rem;
  text-shadow: 0px 3px 0px var(--bs-primary);
}

.topic-list__list {
  list-style-type: none;
  margin-bottom: 2rem;
}

.topic-list__list-item {
  font-size: x-large;
}

.topic-list__list-item::before {
  content: " \2192";
  margin-right: 0.5rem;
}

.topic-list__list-item a {
  text-decoration: none;
}

.topic-list__list-item a:hover {
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

@media screen and (min-width: 40em) {
  .site-title,
  .site-title--dark {
    font-size: xxx-large;
  }
}