menu.css

#menu{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  text-align: center;
}

#menu li a{
  display: block;
  padding: 5px;
  margin-bottom: 7px;
}

#menu li a.active{
  color: var(--color-primary-dark);
  text-decoration: underline;
}

/*para que el menu no se centre en resoluciones grandes*/
@media only screen and (min-width: 768px){
  #menu{
    text-align: left;
    margin-left: 20px;
  }
}