move styles into relevant child scss files

I didn't edit anything so there shouldn't be any changes. I just moved some styles off main.scss into the respective children scss so it is easier to maintain. Created a new one for navigation.