diff --git a/package.json b/package.json
index f827ba3..1d0e82a 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "start": "node __sapper__/build"
   },
   "dependencies": {
-    "@damillora/shian": "^1.1.0",
+    "@damillora/shian": "^2.0.0",
     "compression": "^1.7.1",
     "dayjs": "^1.10.4",
     "howler": "^2.2.1",
diff --git a/src/node_modules/components/DarkModeButton.svelte b/src/node_modules/components/DarkModeButton.svelte
index 987ddcd..62a0549 100644
--- a/src/node_modules/components/DarkModeButton.svelte
+++ b/src/node_modules/components/DarkModeButton.svelte
@@ -16,6 +16,6 @@
 </script>
 
 <div class="menu__item" on:click={toggleMode}>
-    <i class="material-icons md-24">{icon}</i>
+    <i class="menu__icon material-icons md-24">{icon}</i>
     <p class="menu__text">{text}</p>
 </div>
diff --git a/src/node_modules/components/GalleryImage.svelte b/src/node_modules/components/GalleryImage.svelte
index 65d1dda..a750d31 100644
--- a/src/node_modules/components/GalleryImage.svelte
+++ b/src/node_modules/components/GalleryImage.svelte
@@ -14,9 +14,9 @@
     <img {src} {alt} on:click={() => (shown = !shown)} />
     <div
         class:gallery__popup={true}
-        class:hidden={!shown}
+        class:gallery__popup--hidden={!shown}
     >
-        <img {src} {alt} on:click={open} draggable="false" />
+        <img class="gallery__popup-image" {src} {alt} on:click={open} draggable="false" />
         <div
             class="gallery__exit"
             on:click={() => (shown = !shown)}
diff --git a/src/node_modules/components/GameListItem.svelte b/src/node_modules/components/GameListItem.svelte
index cd7746c..4b6d36d 100644
--- a/src/node_modules/components/GameListItem.svelte
+++ b/src/node_modules/components/GameListItem.svelte
@@ -9,7 +9,7 @@
         <p class="game-item__caption"><a href={link}>{name}</a></p>
     </div>
     <div class="game-item__content">
-        <p><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p>
-        <p><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p>
+        <p class="game-item__text"><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p>
+        <p class="game-item__text"><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p>
     </div>
 </div>
diff --git a/src/node_modules/components/Header.svelte b/src/node_modules/components/Header.svelte
index 3e87ef3..9266ec1 100644
--- a/src/node_modules/components/Header.svelte
+++ b/src/node_modules/components/Header.svelte
@@ -20,14 +20,15 @@
         <div class="site-header__inner">
             <header class="header">
                 <div class="header__top">
-                    <div
+                    <a
                         class="header__title"
                         on:click={() =>
                             (menu_shown = menu_shown
                                 ? !menu_shown
                                 : menu_shown)}
+                        href="/"
                     >
-                        <a href="/"><h1>Damillora</h1></a>
+                        Damillora
                     </div>
                     <div
                         class="header__nav-button"
@@ -36,7 +37,7 @@
                         <span class="header__icon material-icons" alt="menu"
                             >menu</span
                         >
-                        <p>Menu</p>
+                        <p class="header__nav-button-text">Menu</p>
                     </div>
                 </div>
                 <div
diff --git a/src/node_modules/components/MediaItem.svelte b/src/node_modules/components/MediaItem.svelte
index 3c19f82..3dba8c0 100644
--- a/src/node_modules/components/MediaItem.svelte
+++ b/src/node_modules/components/MediaItem.svelte
@@ -7,6 +7,8 @@
         <p class="media-item__caption"><a href={link}>{title}</a></p>
     </div>
     <div class="media-item__content">
-        <slot />
+        <p class="media-item__text">
+            <slot />
+        </p>
     </div>
 </div>
diff --git a/src/node_modules/components/NavItem.svelte b/src/node_modules/components/NavItem.svelte
index f342ea9..38bff86 100644
--- a/src/node_modules/components/NavItem.svelte
+++ b/src/node_modules/components/NavItem.svelte
@@ -3,8 +3,8 @@
 </script>
 
 <div class="menu__item">
-    <a href={link}>
-        <i class="material-icons md-24">{icon}</i>
+    <a class="menu_link" href={link}>
+        <i class="menu__icon material-icons md-24">{icon}</i>
         <p class="menu__text">{text}</p>
     </a>
 </div>
diff --git a/src/routes/_error.svelte b/src/routes/_error.svelte
index bed08e5..c535bcc 100644
--- a/src/routes/_error.svelte
+++ b/src/routes/_error.svelte
@@ -16,8 +16,8 @@
 
 <div class="page">
 	<PageHeader>
-		<h1>{status}</h1>
-		<p>{error.message}</p>
+		<h1 class="page-header__heading">{status}</h1>
+		<p class="page-header__text">{error.message}</p>
 	</PageHeader>
 	{#if dev && error.stack}
 		<pre>{error.stack}</pre>
diff --git a/src/routes/about.svelte b/src/routes/about.svelte
index b8432fc..d58bd0c 100644
--- a/src/routes/about.svelte
+++ b/src/routes/about.svelte
@@ -9,7 +9,7 @@
 
 <div class="page">
 	<PageHeader>
-		<h1>About Damillora</h1>
+		<h1 class="page-header__heading">About Damillora</h1>
 	</PageHeader>
 	<main class="container main">
 		<p>Hello! My name is Damillora.</p>
diff --git a/src/routes/contact.svelte b/src/routes/contact.svelte
index 483fb3e..1f1b93c 100644
--- a/src/routes/contact.svelte
+++ b/src/routes/contact.svelte
@@ -8,7 +8,7 @@
 
 <div class="page">
     <PageHeader>
-        <h1>Contact</h1>
+        <h1 class="page-header__heading">Contact</h1>
     </PageHeader>
     <main class="container mx-auto main">
         <p>You can contact me via various channels.</p>
diff --git a/src/routes/games/aaside.svelte b/src/routes/games/aaside.svelte
index 30ca264..fd6fa6b 100644
--- a/src/routes/games/aaside.svelte
+++ b/src/routes/games/aaside.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader imageType="cue-mei2">
-        <h1 class="title">Game Profile: ARGONAVIS from BanG Dream! AAside</h1>
-        <p><a href="https://aaside.bushimo.jp">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: ARGONAVIS from BanG Dream! AAside</h1>
+        <p class="page-header__text"><a href="https://aaside.bushimo.jp">Game Website</a></p>
     </PageHeader>
     <main class="container main">
         <h2>My Review</h2>
diff --git a/src/routes/games/arcaea.svelte b/src/routes/games/arcaea.svelte
index b6031f0..bc4dec1 100644
--- a/src/routes/games/arcaea.svelte
+++ b/src/routes/games/arcaea.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Arcaea</h1>
-        <p><a href="https://arcaea.lowiro.com">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Arcaea</h1>
+        <p class="page-header__text"><a href="https://arcaea.lowiro.com">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/arknights.svelte b/src/routes/games/arknights.svelte
index ee8000e..e2f9ead 100644
--- a/src/routes/games/arknights.svelte
+++ b/src/routes/games/arknights.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Arknights</h1>
-        <p><a href="https://www.arknights.global">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Arknights</h1>
+        <p class="page-header__text"><a href="https://www.arknights.global">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/games/azurlane.svelte b/src/routes/games/azurlane.svelte
index ef4dbe8..29ea521 100644
--- a/src/routes/games/azurlane.svelte
+++ b/src/routes/games/azurlane.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Azur Lane (EN)</h1>
-        <p><a href="https://azurlane.yo-star.com">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Azur Lane (EN)</h1>
+        <p class="page-header__text"><a href="https://azurlane.yo-star.com">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/bandori.svelte b/src/routes/games/bandori.svelte
index 6928368..8022d21 100644
--- a/src/routes/games/bandori.svelte
+++ b/src/routes/games/bandori.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: BanG Dream! Girls Band Party (JP)</h1>
-        <p><a href="https://bang-dream.bushimo.jp/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: BanG Dream! Girls Band Party (JP)</h1>
+        <p class="page-header__text"><a href="https://bang-dream.bushimo.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/bluearchive.svelte b/src/routes/games/bluearchive.svelte
index b7c71a0..12163b1 100644
--- a/src/routes/games/bluearchive.svelte
+++ b/src/routes/games/bluearchive.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Blue Archive</h1>
-        <p><a href="https://bluearchive.jp/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Blue Archive</h1>
+        <p class="page-header__text"><a href="https://bluearchive.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/games/cue.svelte b/src/routes/games/cue.svelte
index 23b150b..0ea2fee 100644
--- a/src/routes/games/cue.svelte
+++ b/src/routes/games/cue.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: CUE!</h1>
-        <p><a href="https://www.cue-liber.jp/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: CUE!</h1>
+        <p class="page-header__text"><a href="https://www.cue-liber.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/games/fgo.svelte b/src/routes/games/fgo.svelte
index 3dd22cd..8bea40e 100644
--- a/src/routes/games/fgo.svelte
+++ b/src/routes/games/fgo.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Fate/Grand Order (JP)</h1>
-        <p><a href="https://www.fate-go.jp">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Fate/Grand Order (JP)</h1>
+        <p class="page-header__text"><a href="https://www.fate-go.jp">Game Website</a></p>
     </PageHeader>
     <main class="container main" />
 </div>
diff --git a/src/routes/games/genshin.svelte b/src/routes/games/genshin.svelte
index f04d020..a62c37f 100644
--- a/src/routes/games/genshin.svelte
+++ b/src/routes/games/genshin.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Genshin Impact</h1>
-        <p><a href="https://genshin.mihoyo.com">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Genshin Impact</h1>
+        <p class="page-header__text"><a href="https://genshin.mihoyo.com">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/honkai.svelte b/src/routes/games/honkai.svelte
index 084b589..87c8c9c 100644
--- a/src/routes/games/honkai.svelte
+++ b/src/routes/games/honkai.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Honkai Impact 3rd</h1>
-        <p><a href="https://honkaiimpact3.mihoyo.com">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Honkai Impact 3rd</h1>
+        <p class="page-header__text"><a href="https://honkaiimpact3.mihoyo.com">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/index.svelte b/src/routes/games/index.svelte
index d472763..ef9e85c 100644
--- a/src/routes/games/index.svelte
+++ b/src/routes/games/index.svelte
@@ -9,10 +9,10 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile</h1>
+        <h1 class="page-header__heading">Game Profile</h1>
     </PageHeader>
     <main class="container mx-auto main">
-        <p>
+        <p class="page-header__text">
             I play arcade and mobile games mostly, not all are recorded /
             streamed.
         </p>
diff --git a/src/routes/games/llsif.svelte b/src/routes/games/llsif.svelte
index cba21f0..9e7cd18 100644
--- a/src/routes/games/llsif.svelte
+++ b/src/routes/games/llsif.svelte
@@ -8,10 +8,10 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">
+        <h1 class="page-header__heading">
             Game Profile: Love Live! School Idol Festival (JP)
         </h1>
-        <p><a href="https://lovelive-sif.bushimo.jp/">Game Website</a></p>
+        <p class="page-header__text"><a href="https://lovelive-sif.bushimo.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/llsifas.svelte b/src/routes/games/llsifas.svelte
index b874896..2ac1d15 100644
--- a/src/routes/games/llsifas.svelte
+++ b/src/routes/games/llsifas.svelte
@@ -8,10 +8,10 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">
+        <h1 class="page-header__heading">
             Game Profile: Love Live! School idol festival ALL STARS
         </h1>
-        <p><a href="https://lovelive-as.bushimo.jp/">Game Website</a></p>
+        <p class="page-header__text"><a href="https://lovelive-as.bushimo.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/maimai.svelte b/src/routes/games/maimai.svelte
index 7feeccc..a1a1c79 100644
--- a/src/routes/games/maimai.svelte
+++ b/src/routes/games/maimai.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: maimai DX</h1>
-        <p><a href="https://maimai.sega.com/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: maimai DX</h1>
+        <p class="page-header__text"><a href="https://maimai.sega.com/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/mirishita.svelte b/src/routes/games/mirishita.svelte
index bffb347..c3a3885 100644
--- a/src/routes/games/mirishita.svelte
+++ b/src/routes/games/mirishita.svelte
@@ -8,10 +8,10 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">
+        <h1 class="page-header__heading">
             Game Profile: The iDOLM@STER Million Live: Theater Days
         </h1>
-        <p>
+        <p class="page-header__text">
             <a href="https://millionlive.idolmaster.jp/theaterdays/"
                 >Game Website</a
             >
diff --git a/src/routes/games/nogikoi.svelte b/src/routes/games/nogikoi.svelte
index 2eda9fa..1ffdd89 100644
--- a/src/routes/games/nogikoi.svelte
+++ b/src/routes/games/nogikoi.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Nogikoi</h1>
-        <p><a href="https://nogikoi.jp">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Nogikoi</h1>
+        <p class="page-header__text"><a href="https://nogikoi.jp">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/poplinks.svelte b/src/routes/games/poplinks.svelte
index 3d68445..4237f1d 100644
--- a/src/routes/games/poplinks.svelte
+++ b/src/routes/games/poplinks.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: THE iDOLM@STER POPLINKS</h1>
-        <p>
+        <h1 class="page-header__heading">Game Profile: THE iDOLM@STER POPLINKS</h1>
+        <p class="page-header__text">
             <a href="https://poplinks.idolmaster-official.jp/">Game Website</a>
         </p>
     </PageHeader>
diff --git a/src/routes/games/puroseka.svelte b/src/routes/games/puroseka.svelte
index f1f996a..3a02101 100644
--- a/src/routes/games/puroseka.svelte
+++ b/src/routes/games/puroseka.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Project SEKAI COLORFUL STAGE!</h1>
-        <p><a href="https://pjsekai.sega.jp/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Project SEKAI COLORFUL STAGE!</h1>
+        <p class="page-header__text"><a href="https://pjsekai.sega.jp/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/games/sdvx.svelte b/src/routes/games/sdvx.svelte
index c48331c..e02287b 100644
--- a/src/routes/games/sdvx.svelte
+++ b/src/routes/games/sdvx.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: SOUND VOLTEX VIVID WAVE</h1>
-        <p>
+        <h1 class="page-header__heading">Game Profile: SOUND VOLTEX VIVID WAVE</h1>
+        <p class="page-header__text">
             <a href="https://p.eagate.573.jp/game/sdvx/v/p/index.html"
                 >Game Website</a
             >
diff --git a/src/routes/games/shadowverse.svelte b/src/routes/games/shadowverse.svelte
index 8e3066f..29b29ff 100644
--- a/src/routes/games/shadowverse.svelte
+++ b/src/routes/games/shadowverse.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Shadowverse</h1>
-        <p><a href="https://shadowverse.com/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Shadowverse</h1>
+        <p class="page-header__text"><a href="https://shadowverse.com/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/shinymas.svelte b/src/routes/games/shinymas.svelte
index 9ff2e07..d1ccfcb 100644
--- a/src/routes/games/shinymas.svelte
+++ b/src/routes/games/shinymas.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: THE IDOLM@STER: Shiny Colors</h1>
-        <p><a href="https://shinycolors.idolmaster.jp">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: THE IDOLM@STER: Shiny Colors</h1>
+        <p class="page-header__text"><a href="https://shinycolors.idolmaster.jp">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/starira.svelte b/src/routes/games/starira.svelte
index da40e8d..56cfaa1 100644
--- a/src/routes/games/starira.svelte
+++ b/src/routes/games/starira.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Revue Starlight Re LIVE (EN)</h1>
-        <p>
+        <h1 class="page-header__heading">Game Profile: Revue Starlight Re LIVE (EN)</h1>
+        <p class="page-header__text">
             <a href="https://www.en.revuestarlight-relive.com/">Game Website</a>
         </p>
     </PageHeader>
diff --git a/src/routes/games/t7s.svelte b/src/routes/games/t7s.svelte
index 1433edc..0ee4830 100644
--- a/src/routes/games/t7s.svelte
+++ b/src/routes/games/t7s.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: Tokyo 7th Sisters</h1>
-        <p><a href="https://t7s.jp">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: Tokyo 7th Sisters</h1>
+        <p class="page-header__text"><a href="https://t7s.jp">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main" />
 </div>
diff --git a/src/routes/games/template.svelte b/src/routes/games/template.svelte
index 60a56bb..b96fd78 100644
--- a/src/routes/games/template.svelte
+++ b/src/routes/games/template.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile:</h1>
-        <p><a href="/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile:</h1>
+        <p class="page-header__text"><a href="/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/games/unison.svelte b/src/routes/games/unison.svelte
index 1665033..de77974 100644
--- a/src/routes/games/unison.svelte
+++ b/src/routes/games/unison.svelte
@@ -8,8 +8,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1 class="title">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1>
-        <p><a href="https://keyahina-unisonair.com/">Game Website</a></p>
+        <h1 class="page-header__heading">Game Profile: 欅坂46・日向坂46 UNI'S ON AIR</h1>
+        <p class="page-header__text"><a href="https://keyahina-unisonair.com/">Game Website</a></p>
     </PageHeader>
     <main class="container mx-auto main">
         <h2>My Review</h2>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index d562d94..0e4d5c9 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -8,9 +8,9 @@
 
 <div class="page">
 	<PageHeader>
-		<h1>Damillora</h1>
-		<p>A curious technologist, a web programmer, and a future EN Vtuber</p>
-		<p>EN/ID OK, JP read only</p>
+		<h1 class="page-header__heading">Damillora</h1>
+		<p class="page-header__text">A curious technologist, a web programmer, and a future EN Vtuber</p>
+		<p class="page-header__text">EN/ID OK, JP read only</p>
 	</PageHeader>
 	<main class="container main" />
 </div>
diff --git a/src/routes/links.svelte b/src/routes/links.svelte
index cbe837f..61472e4 100644
--- a/src/routes/links.svelte
+++ b/src/routes/links.svelte
@@ -9,7 +9,7 @@
 
 <div class="page">
     <PageHeader>
-        <h1>Links</h1>
+        <h1 class="page-header__heading">Links</h1>
     </PageHeader>
     <main class="container mx-auto main">
         <p>
@@ -20,10 +20,8 @@
                 title="Damillora's Favorite Music Playlist"
                 link="/favmusiclist"
             >
-                <p>
                     This playlist contains some of the music I listen to
                     frequently.
-                </p>
             </MediaItem>
         </div>
         <div class="card-list">
@@ -31,9 +29,7 @@
                 title="Damillora's Carrd"
                 link="https://damillora.carrd.co"
             >
-                <p>
                     Information that I think people expect out of a Carrd web page.
-                </p>
             </MediaItem>
         </div>
     </main>
diff --git a/src/routes/projects/altessimo.svelte b/src/routes/projects/altessimo.svelte
index e2dac4b..204bb33 100644
--- a/src/routes/projects/altessimo.svelte
+++ b/src/routes/projects/altessimo.svelte
@@ -9,8 +9,8 @@
 
 <div class="page">
     <PageHeader>
-      <h1>Altessimo</h1>
-      <p>
+      <h1 class="page-header__heading">Altessimo</h1>
+      <p class="page-header__text">
         <a href="https://altessimo.nanao.moe">live</a>
         &bull;
         <a href="https://github.com/Damillora/Altessimo">source code</a>
diff --git a/src/routes/projects/index.svelte b/src/routes/projects/index.svelte
index c3741ab..90cf6b3 100644
--- a/src/routes/projects/index.svelte
+++ b/src/routes/projects/index.svelte
@@ -9,7 +9,7 @@
 
 <div class="page">
     <PageHeader>
-        <h1>Project Portfolio</h1>
+        <h1 class="page-header__heading">Project Portfolio</h1>
     </PageHeader>
     <main class="container mx-auto main">
         <p>
diff --git a/src/routes/projects/miracle.svelte b/src/routes/projects/miracle.svelte
index 5456c15..33fee2f 100644
--- a/src/routes/projects/miracle.svelte
+++ b/src/routes/projects/miracle.svelte
@@ -9,8 +9,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1>nanao.moe (legacy)</h1>
-        <p>
+        <h1 class="page-header__heading">nanao.moe (legacy)</h1>
+        <p class="page-header__text">
             <a href="https://nanao.moe">former live</a>
             &bull;
             <a href="https://github.com/Damillora/miracle">source code</a>
diff --git a/src/routes/projects/rinze.svelte b/src/routes/projects/rinze.svelte
index 5592bff..3a28be7 100644
--- a/src/routes/projects/rinze.svelte
+++ b/src/routes/projects/rinze.svelte
@@ -9,8 +9,8 @@
 
 <div class="page">
     <PageHeader>
-        <h1>nanao.moe</h1>
-        <p>
+        <h1 class="page-header__heading">nanao.moe</h1>
+        <p class="page-header__text">
             <a href="https://nanao.moe">live</a>
             &bull;
             <a href="https://github.com/Damillora/rinze">source code</a>
diff --git a/src/routes/projects/yuika.svelte b/src/routes/projects/yuika.svelte
index 9c87c4b..a0022f0 100644
--- a/src/routes/projects/yuika.svelte
+++ b/src/routes/projects/yuika.svelte
@@ -9,8 +9,8 @@
 
 <div class="page">
     <PageHeader>
-      <h1>Damillora's Virtual Memoir</h1>
-      <p>
+      <h1 class="page-header__heading">Damillora's Virtual Memoir</h1>
+      <p class="page-header__text">
         <a href="https://blog.nanao.moe">live</a>
         &bull;
         <a href="https://github.com/Damillora/Yuika">source code</a>
diff --git a/yarn.lock b/yarn.lock
index f38963a..df751e4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -843,10 +843,10 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
-"@damillora/shian@^1.1.0":
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/@damillora/shian/-/shian-1.1.5.tgz#c39485ff87b0c1df93151ddc9153b9f831b264a6"
-  integrity sha512-vOBmArbi4pQmDOir3JWlbP82nT+KXY4ViauZaaCUuKzgZL+nBrcCY9qG4ZqlwQIwzTLVCtg9cgAZxWGyNWRoGw==
+"@damillora/shian@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@damillora/shian/-/shian-2.0.0.tgz#f64d3dedf2a6bbfa06c9477f242bea8375261621"
+  integrity sha512-grK0nfoXmE8PGDuM6E1TbQxzW1sGuen08Ux3GPTMkJOjNKPoNHlTQ+HvmGyJQo9qaf3prNkK1RsoopFsn2FEbQ==
 
 "@polka/url@^1.0.0-next.12", "@polka/url@^1.0.0-next.9":
   version "1.0.0-next.12"