.canalb-menu {
  /* Unstyle the list */
  list-style-type: none;
  padding: 0;
  margin: 0;

  /* Display in a nice evenly spaced column */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;

  background: url('../../img/diagonale.svg') no-repeat;

  text-transform: uppercase;
}

.canalb-menu > li {
  margin: 0.1em 0;
}

.canalb-menu > li > span,
.canalb-menu > li > a {
  /* Unstyle the links */
  text-decoration: none;
  color: var(--color-black);
  font-weight: 600;

  padding: 0.2em 0.3em;
}

.canalb-menu > li > span:hover,
.canalb-menu > li > a:hover {
  color: var(--color-accent);
  background-color: var(--color-black);

  cursor: pointer;
}