Adding custom css

When customizing the main menu, with less entries than the demo data, it’s not center.
So i thought of adding css in the styling options -> custom css part, something like this:
 
.nav {
text-align: center!important;
}
 
But nothing changes.
 
What’s the right way to do it?
Thanks in advance 🙂