#top-bar {
  height: 135px;
}

/* branding styles */
#top-bar #branding * {
  font-weight: bold;
}

#top-bar #branding .brand-primary {
  color: blue;
  font-size: 80px;
  letter-spacing: 0.05em;
}

#top-bar #branding img {
  height: 85px;
}

#top-bar #branding .brand-secondary {
  color: #BADA55;
  font-size: 41px;
}

#top-bar #branding .brand-tertiary {
  color: rgb(186, 131, 240);
  font-size: 107px;
  letter-spacing: -0.05em;
  text-wrap: nowrap;
}

#top-bar #navmenu .nav-item a {
  color: black;
  /* add transparent border to prevent links jumping around */
  border-top: solid 3px transparent;
}
#top-bar #navmenu .nav-item > a:hover {
  color: rgb(200, 224, 254);
  border-top: solid 3px rgb(200, 224, 254);
}
#top-bar #navmenu .nav-item > a.router-link-active {
  color: rgb(0, 87, 225);
  border-top: solid 3px rgb(0, 87, 225);
}