Make navbar easier to read

[ganning127]

some ideas from slack:

• can you add a background/bottom border to the nav bar? it’s hard to read rn on a lot of the pages with overlap and I think it would look overall neater
• also maybe u can move the lights around so that it’s closer to the top and the nav bar would be less big (edited)
• it looks rly good on the first page but bc the continuous scrolling it looks cluttered when it’s overlapping other stuff which is the majority of the time
• this can be for before july website review tho like its fine rn for mlh
• another option could be making the lights be under the nav bar background where they are coming from the nav bar instead of the top of the nav bar if that makes sense?