put cake emojis around "im gecs"

Makefile

@@ -3,7 +3,8 @@ CSS    = style.css
 PAGES  = index.html
 IMAGES = \
   mlem.gif icon.png niss_uwu_bg.png \
-  star_small.png sparkles_large.png niss_wave_large.png
+  star_small.png sparkles_large.png niss_wave_large.png \
+  shortcake_large.png
 
 BUILDDIR ?= _build
 TMPDIR   ?= _tmp

index.html

@@ -12,7 +12,7 @@
 
 <main>
   <header>
-    <h1>so basically? <b>im gecs</b></h1>
+    <h1>so basically? <b class=cake>im gecs</b></h1>
     <div id=mlem>
       <p class='mlem-text niss'>“mlem”</p>
       <p class='mlem-text nisse'>“mlem also”</p>

style.css

@@ -116,12 +116,14 @@ a {
   text-decoration: none;
 }
 
+.cake::before, .cake::after,
 header rt::before, header rt::after,
 section h2::before, section h2::after {
   mix-blend-mode: overlay;
   padding: 0 0.25em;
   vertical-align: middle;
 }
+.cake::before, .cake::after { content: url(shortcake_large.png); }
 header rt::before, header rt::after { content: url(star_small.png); }
 section h2::before, section h2::after { content: url(sparkles_large.png); }