:root {
  --body-bg: #3d3d3d;
  --body-color: #ffffff;
}

.container-header {
  background-color: #3d3d3d;
  background-image: none;
}

.container-header .mod-menu {
    color: white;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: white;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    color: white;
    background-color: grey;
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: grey;
    border: 1px solid grey;
}