navigation word spacing

Any custom CSS for decreasing the word spacing between items in the navigation? I like the typeface I'm using for it (source code pro), but some navigation items have two words and they're so far apart they look like seperate links. I switched my body text font for the same reason. If that's something that can be globally adjusted in CSS I'd like to do that as well. 

I'm running on a personal plan, site is under construction [hence the lack of link].

difficult to help without checking url ✌️

It's under construction

https://www.amberjainowell.squarespace.com

Add to Design > Custom CSS

@media screen and (min-width:769px) {
body:not(.touch-styles) .nav-wrapper nav>div+div {
    margin-left: 30px;
}
}

hmm, that's increasing the distance between the links, not decreasing the space between the words

div#mainNavWrapper span {
    word-spacing: 33px;
}

or you mean letter, use this

div#mainNavWrapper span {
    letter-spacing: 33px;
}

It's the first one but it only changed the word spacing on the first entry. I saved and refreshed the page but it didn't affect any of the other links

7 hours ago, NeighborhoodOverlord said:

It's the first one but it only changed the word spacing on the first entry. I saved and refreshed the page but it didn't affect any of the other links

try editing 

div#mainNavWrapper span

to

div#mainNavWrapper *

That worked! Thank you so much!

😊