Adding space between navigation titles

Hello smart people,

I'm trying to add more space between each navigation title (without increasing the font size) so that it aligns with the outer edge of the contents below. I'm also trying to add a block of colour (#00FF00) behind each navigation title. Hopefully the attached pictures do a better job of illustrating what I'm trying to achieve. Any help with this would be greatly appreciated!

Can you share site url? We can help easier.

My website's URL?

zowatt.com

But I haven't published the website yet.

11 hours ago, ZOWATT said:

My website's URL?

zowatt.com

But I haven't published the website yet.

What is access password?

On 8/31/2020 at 9:52 PM, tuanphan said:

What is access password?

Password: zowatt1

Add to Home > Design > Custom CSS

nav.main-nav ul {
    width: 66.6667%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

Thank you, tuanphan for your help!

Do you still need help on this?

4 hours ago, ZOWATT said:

Thank you, tuanphan for your help!