:root {
  --navbarHeight: 80px;
  --navbarBgColor: "#fff";
  --navbarColor: "3e3e3e";
  --navbarColorHover: "#000000";
  --bigFont: 15pt;
}

#main-nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  width: 100%;
  margin: 0;
  z-index: 10;
  background: #4682b4;
  height: var(--navbarHeight);
  padding: 0.55rem;
  box-sizing: border-box;
  color: var(--navbarColor);
  /*background: var(--navbarBgColor) !important;*/
}

#main-nav #main-nav-title {
  flex-grow: 1;
  font-weight: bold;
  text-align: left;
  padding: 0 0.55rem;
  align-items: center;
}

#app-logo img {
  height: 90px;
}

#main-nav #main-nav-buttons {
  margin-left: auto;
  color: var(--navbarColor);
}

#main-nav .btn {
  margin-left: auto;
  color: var(--navbarColor) !important;
}

#main-nav .btn:hover {
  margin-left: auto;
  color: var(--navbarColorHover) !important;
}

#main-nav ol {
  margin: 0;
  height: 100%;
  padding: 0.55rem;
  margin: 0;
  display: flex;
  align-items: center;
}

#main-nav li {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--smallFont);
  color: var(--navbarColor);
}

#main-nav li a {
  text-decoration: none;
  color: var(--navbarColor) !important;
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
}

.main-logo {
  height: 40px;
}