Centering Header Menue

it’s not the best solution, but this does work..

if u add more menu points, remove the width: 750px..

.main-navigation ul {
    display: block;
    margin: 0 auto;
    padding: 1rem 0;
    text-indent: 0;
    width: 750px;
}

It is annoying that you have to edit a width every time you add/edit/remove menu items.

You could cheat and write;

.main-navigation ul {
    margin: 0 auto;
    display: table;
}