Use h1 headings on index and main menu pages

src/pages/bbs/index.astro

@@ -11,7 +11,7 @@ import { BANNER_TEMPLE } from '../../lib/ansiArt';
 <TerminalLayout title="Main Menu" description="tHE tEMPLE bBS main menu - explore PC demos, Amiga music, Atari games, FidoNet history and ANSI art from the BBS era.">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_TEMPLE} />
-    <h2>tHE tEMPLE bBS — Bulletin Board System</h2>
+    <h1>tHE tEMPLE bBS — Bulletin Board System</h1>
     <p>Welcome, users! It is 1995 and you are connected to one of the first lines running on our brand new, lightning-fast 28.8k V.Fast modem. [Sysop]</p>
     <div class="tile-grid">
       <Tile sections={[

src/pages/index.astro

@@ -7,7 +7,7 @@ const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth
 ---
 <TerminalLayout title="Connect" description="tHE tEMPLE bBS - a 90s BBS in Augsburg, FidoNet 2:2480/330. Dial in to the demoscene, file areas and message boards.">
   <WelcomeBanner />
-  <p class="subtitle">Travel back to the '90s</p>
+  <h1 class="subtitle">Travel back to the '90s</h1>
   <ModemIntro client:load />
   <div class="status-bar" style="margin-top: 15rem; display: flex; justify-content: space-between;"><span>Status: not connected</span><span>{dateStr}</span></div>
   <script>

src/styles/global.css

@@ -85,7 +85,7 @@ a { color: inherit; }
 .mod-col-size { color:var(--grey); width:5rem; text-align:right; }
 .mod-btn-inline { background:none; border:none; color:var(--fg); font-family:var(--font-ansi); cursor:pointer; padding:0; font-size:inherit; }
 .mod-btn-inline:hover { color:var(--red-bright); }
-.subtitle { text-align:center; color:var(--fg-bright); font-weight:bold; margin:1rem 0; font-family:var(--font-body); }
+.subtitle { text-align:center; color:var(--fg-bright); font-weight:bold; margin:1rem 0; font-family:var(--font-body); font-size: inherit; }
 .esprit-thumb { display:flex; align-items:center; justify-content:center; min-height:120px; }
 .esprit-thumb img { max-width:100%; height:auto; display:block; }
 .modal-overlay { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; }