@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Variable.ttf");
}
@font-face {
  font-family: "YanoneKaffeesatz";
  src: url("fonts/YanoneKaffeesatz-Variable.ttf");
}
#top-bar {
  position: fixed;
  width: calc(100% - 75px);
  height: 65px;
  background-color: transparent;
  backdrop-filter: blur(5px) grayscale(10%);
  z-index: 2;
  font-family: "Raleway", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px;
}
#top-bar nav {
  font-weight: 100;
  font-size: 1em;
  line-height: 2rem;
}
#top-bar ul li {
  display: inline-block;
  margin-right: 10px;
}
#top-bar ul li a {
  color: white;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: background-color 0.25s ease-in-out;
}
#top-bar ul li a:hover {
  border-bottom: 2px solid #5E437F;
}

/*# sourceMappingURL=TopBar.razor.css.map */