.navbar {
  /* background-color: rgba(0,0,0,.8); */
  background-color: hsl(220, 35%, 10%);
  background: linear-gradient(to bottom, rgba(17, 23, 34, 1), rgba(17, 23, 34, .6));
  backdrop-filter: blur(2px);
  align-items: center;
  z-index: 100;

  border-bottom: 1px solid rgba(255, 255, 255, .7);

  font-family: 'Montserrat', sans-serif;
}

.navbar-branding {
  font-family: 'Montserrat', sans-serif;
  /* font-family: 'Orbitron', sans-serif; */
}

.navbar-brand {
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
}

.brand-name {
  justify-self: center;
  align-self: center;
  margin: 0 auto;
  padding-left: .5rem;
}

/* Make sure all navbar element are always on top of normal content
  to avoid issues with dropdowns when using sticky-top navbar */
.navbar * {
  z-index: 100;
}

#search-form > .form-control {
  background-color: rgba(0, 0, 0, .3);
  color: white;
}

#search-form > .form-control::placeholder {
  color: rgb(158, 157, 157);
}