:root {
  --body-background-color: #1b1b1b;
  --body-text-color: #ffffff;
  --card-background-color: #1b1b1b;
  --nav-background-color: #1b1b1b;
  --nav-border-bottom-color: #1b1b1b;
  --nav-current-border-bottom-color: #e6106b;
  --card-border-color: #1b1b1b;
  --down-border-left-color: #eb3b5a;
  --down-background-color: #6b1020;
  --degraded-border-left-color: #f7b731;
  --up-border-left-color: #20bf6b;
  --tag-color: #2b1300;
  --tag-up-background-color: #20bf6b;
  --tag-down-background-color: #eb3b5a;
  --tag-degraded-background-color: #f7b731;
  --change-background-color: #f7b731;
  --error-button-border-color: #1a46ad;
  --error-button-background-color: #3867d6;
  --error-button-color: #ffffff;
  --submit-button-border-color: #1a46ad;
  --submit-button-background-color: #3867d6;
  --submit-button-color: #ffffff;
  --graph-opacity: 1;
  --graph-filter: none;
}

a.logo > img {
  height: 25px !important;
  overflow: visible;
}

nav li a {
  border-bottom: 2px solid transparent;
}

nav li a:hover {
  border-bottom: 2px solid var(--nav-current-border-bottom-color);
  text-shadow: 0px 0px 20px var(--nav-current-border-bottom-color);
  transition: all 0.3s ease-in-out 0.1s;
}