Update the website layout with narrower default width and better typography (#1753)

- Reduces the default width from 1600px to 1200px of the web page and reduce the size of various elements and text. This fixes the problem that I designed the website assuming everyone is viewing from the same 2560px wide screen as I used to design it, which is a bad assumption. Most websites are around the 1200px mark.
- Removes the use of the EB Garamond font, replacing more headers with a bold Inter instead, leaving only Bona Nova for h1 headers at the tops of pages (except the home page, which might have further revamp soon).
- Adds nice flavor graphics to a redesigned volunteer page.
- Cleans up and organizes the Zola templating code and CSS style sheets.
- Improves image carousel to fade out images when dragged past the start or end.

website/content/donate.md

@@ -2,12 +2,12 @@
 title = "Donate"
 
 [extra]
-css = ["donate.css"]
+# css = ["donate.css"]
 # js = ["fundraising.js"]
 +++
 
 <section>
-<div class="section">
+<div class="block">
 
 # Donate
 
@@ -24,11 +24,11 @@ Your monthly support (or one-off contribution) helps provide the resources neede
 </div>
 </section>
 
-<!-- <section id="fundraising" class="feature-box">
-<div class="box">
+<!-- <section id="fundraising" class="feature-box-outer">
+<div class="feature-box-inner">
 <div>
 
-<div class="section">
+<div class="block">
 
 # Support the mission