Navbar restyle with breakpoints

[mathcodes]

The current state of the navbar appears a bit muddled, with its components seemingly floating around and occasionally disappearing. This issue lists the tasks needed to address this concern. Please note, multiple developers, may participate in solving this, so make sure to indicate the task(s) you plan on undertaking, and don't forget to toggle the 'check'. The icons are a bit crowded but this is an easy fix and an excellent opportunity for a first-time contributor. To get assigned to this issue, please provide your name.

Here are the tasks at hand:

• [ ] Considerably enhance the font size of the Page Title to improve readability.
• [ ] Introduce padding/margin to the icons to de-clutter the space. Ensure that they are evenly spaced in line with the hamburger menu.
• [ ] Implement hover (possibly scale to 1.2?) and native states.
• [ ] Completion of this task is be greatly appreciated.

Don't hesitate to submit a PR after completing 1 of these tasks. You can submit all together if you'd like, one at a time, or go over them with your teacher sometime after school this week just one of these tasks and feel free to ask questions! We're here to support you!

Thanks!

-Jon