.home-nav {
  display: flex;
  justify-content: center;
}

/* Override the theme’s media query */
@media screen and (max-width: 48rem) {
  #navbar {
    display: flex !important;
    justify-content: center;
  }
}

html[data-theme="dark"] .home-nav a {
  color: #fff !important;
}

html[data-theme="light"] .home-nav a {
  color: #000 !important;
}

.home-nav li {
  list-style: none;
}

.mr-4 {
  margin-right: 2rem !important;
}

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