improve typography, spacing, and accordions

[shanecmiller23]

• Improve typography sizing and font-weight
• Improve spacing between titles
• Fix accordions to adhere to dark mode, and improve their styling with hover state
  (accordion example can be found under "Hide long outputs" under /contribute/features/)

[netlify]

✅ Deploy Preview for crossplane ready!

Name	Link
🔨 Latest commit	6621db6
🔍 Latest deploy log	https://app.netlify.com/sites/crossplane/deploys/64cd223edff5cc0008f9cff0
😎 Deploy Preview	https://deploy-preview-517--crossplane.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shanecmiller23]

Due to commit issues from my last PR, I opened up this new one with those changes

@jeanduplessis - I discovered a couple font sizes weren't properly applying. That's fixed now so might be worth another quick look-through at the titles specifically

@jbw976 The "Accordions" I refer to in the commit are these expandable components in this screenshot:

[jeanduplessis]

I checked a whole bunch of pages and they all looked good 👍

[jbw976]

The "Accordions" I refer to in the commit are these expandable components in this screenshot:

ah thanks @shanecmiller23, so an Accordion is what I have been calling "expand box" in #480

This PR is merged now and made changes to the accordions, but I still feel like there is some work to make them visible and discoverable. It's still too easy to be scrolling on a page and completely miss these accordions IMO.

Perhaps that can be done with a specific focus on #480?