Wide Spacing Between Nav Links

https://parakeet-chrysalis-lnzs.squarespace.com/

password: 12345

Hi! I hoping to get my navigation links centered and spread out. I would like "Work" on the very left, "Contact" in the middle, and "About" on the far right. Currently, the only css I am using towards the header is a code to hide the site title and a code to unstack the nav links (since they stack when I center them). Plz help 🙏

@kaydotjpg You can try adding this code snippet:

.header-layout-nav-center .header-actions {
	width: 0% !important;
	display: none !important;
}
.header-title-nav-wrapper {
    flex: 1 0 100% !important;
}
.header-layout-nav-center .header-title {
    width: 0% !important;
    display: none !important;
    flex: 1 1 0% !important;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100% !important;
}
.header-layout-nav-center .header-nav-list {
    justify-content: space-between !important;
    width: 100% !important;
}

@Lesum Thanks a lot! It worked on my website. Can this code be applied only to the homepage? 

@Taylor_Design Yes, just add the entire code from my last comment inside this code block:

body.homepage {

}