/* Keep the shared navigation fixed when page length or active state changes. */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 29rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link,
  .navbar-expand-lg .navbar-nav .nav-link.active,
  .navbar-expand-lg .navbar-nav .nav-link:focus,
  .navbar-expand-lg .navbar-nav .nav-link:hover {
    box-sizing: border-box;
    font-weight: 600;
    margin-left: 0;
    text-align: center;
    transform: none;
    width: 100%;
  }
}