Left-align header navigation with center of page

I am trying to align the left-hand side of the navigation items to the center line of the page/fluid engine grid below.

See image attached. Red line indicates where I'd like the navigation to begin.

https://antelope-flower-4d6y.squarespace.com/

Password: JMA

Thank you in advance.

Add to Design > Custom CSS

/* align center nav */
nav.header-nav-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3px;
}

Thanks Tuanphan.

Sorry if it wasn't clear, but I would like the start of the navigation "Work" to align with the centre of the page. See image attached. Are you able to provide me code for this?

Thanks in advance.

Thank you Tuanphan, that works perfectly.