Update various content on the website

website/sass/about.scss

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
-
 .loading-data:empty::after {
 	content: "(loading...)";
 	font-style: italic;
@@ -32,8 +30,7 @@
 		text-align: center;
 	}
 
-	.flag {
-		font-family: "Noto Color Emoji", sans-serif;
+	.emoji {
 		vertical-align: middle;
 		font-size: 1.5em;
 		margin-left: 0.25em;

website/sass/base.scss

@@ -682,6 +682,13 @@ hr,
 	}
 }
 
+// Using this requires adding this line to the page's frontmatter:
+// css_external = ["https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap"]
+.emoji {
+	font-family: "Noto Color Emoji", sans-serif;
+	font-style: normal;
+}
+
 // =======
 // LAYOUTS
 // =======

website/sass/index.scss

@@ -226,6 +226,9 @@
 }
 // ▙ PROCEDURALISM ▟
 
+// ▛ DONATE ▜
+// ▙ DONATE ▟
+
 // ▛ NEWSLETTER ▜
 #newsletter {
 	background-color: var(--color-peach);
@@ -384,12 +387,6 @@
 }
 // ▙ NEWSLETTER ▟
 
-// ▛ DONATE ▜
-#donate {
-	background-color: var(--color-peach);
-}
-// ▙ DONATE ▟
-
 // ▛ DIVE IN ▜
 #dive-in {
 	.video-container {
@@ -421,13 +418,8 @@
 
 // ▛ RECENT NEWS ▜
 #recent-news {
-	background-color: var(--color-navy);
-	color: var(--color-white);
+	background-color: var(--color-parchment);
 	
-	a {
-		color: var(--color-mustard);
-	}
-
 	.banner img {
 		width: 100%;
 		height: auto;