hermes-web-angular/src/app/navigation/navigation.component.scss

$primary_background_color: #EEEEEE;
$primary_font_color: #111111;

$secondary_background_color: #DDDDDD;
$secondary_font_color: #333333;

ul {
  padding: 0;
}

li {
  list-style: none;
  width: 100%;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  flex-direction: column;
}

a {
  background-color: transparent;
  padding: 1em;
  border: 0;
  margin: 0;
  font-size: large;
  text-decoration: none;
  color: $primary_font_color;
  border-radius: 10px;
}

a:hover {
  background-color: #FAFAFA;
}

a.active {
  background-color: #F5F5F5;
}