CSS Center Nav Menu

Am trying to center the nav menu using flexbox.

.dropdown-menu{
  display: flex;
  justify-content: center; 
}

//Using above centers the nav menu but the content is still aligned to the left. So how do i align everything to the center

.dropdown-menu, .woocommerce-MyAccount-content-top{
  display: flex;
  justify-content: center;
}

//This css messed everything up