diff --git a/site-src/layout/badges.njk b/site-src/layout/badges.njk
index 90301b7..c759e9c 100644
--- a/site-src/layout/badges.njk
+++ b/site-src/layout/badges.njk
@@ -24,7 +24,7 @@
 </a>
 <img src="/res/88x31/this-user-loves-terezi.png" alt="terezi next to text that says THIS USER LOVES TEREZI in terezi's typing quirk" title="(platonically)">
 <!--
-hi cefqrn hi hi hi hi hi hi hi hi 
+hi cefqrn hi hi hi hi hi hi hi hi
 -->
 <a href="https://www.mozilla.org/firefox/">
 <img src="/res/88x31/firefoxget.gif" alt="The firefox logo next to text that cycles between get firefox, rediscover the web, the browser you can trust, etcetera" title="i use it">
@@ -55,7 +55,7 @@ hi cefqrn hi hi hi hi hi hi hi hi
 <a href="https://deerz.one"><img title="the (ida) deer zone" src="https://deerz.one/img/88x31/deerzone.gif"></a>
 <a href="https://moonbase.lgbt" title="Moonbase Dot LGBT"><img src="https://moonbase.lgbt/88x31/moonbase.gif" alt="Moonbase Dot LGBT" width="88" height="31" /></a>
 <a href="https://easrng.net"><img title="em's net" src="https://badges.easrng.net/easrng.gif"></a>
-<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" title="Lebsite Weague"><img src="/res/88x31/lebsite-weague.png" alt="lebsite weague" /></a>
+<a href="https://weague.awful.cloud/mehbark" title="my Lebsite Weague account"><img src="/res/88x31/lebsite-weague.png" alt="lebsite weague" /></a>
 <a href="https://moonbase.lgbt/blog/nes-pictionary-in-memoriam/" title="NES Pictionary"><img src="https://moonbase.lgbt/88x31/nes-pictionary.png" alt="NES Pictionary" width="88" height="31"></a>
 <a href="https://nixos.org" title="fixes this"><img src="/res/88x31/nixos-88x31.png" alt="nixos logo" /></a>
 <iframe src="https://incr.easrng.net/badge?key=terezi.pyrope.net" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
diff --git a/site-src/layout/page.njk b/site-src/layout/page.njk
index e1e8e08..d62294d 100644
--- a/site-src/layout/page.njk
+++ b/site-src/layout/page.njk
@@ -29,7 +29,7 @@ title: terezi.pyrope.net
     <link rel="alternate" type="application/atom+xml" href="/feed.xml" title="terezi.pyrope.net atom feed">
   </head>
   <body>
-    <h1 id="site-title"><a href="/">T3R3Z1.PYROP3.N3T</a></h1>
+    <header><a href="/">T3R3Z1.PYROP3.N3T</a></header>
 
     <main>
       {% if title != "terezi.pyrope.net" %}
diff --git a/site-src/res/main.css b/site-src/res/main.css
index fae1989..f83521b 100644
--- a/site-src/res/main.css
+++ b/site-src/res/main.css
@@ -3,6 +3,25 @@
     padding: 0;
 }
 
+header {
+    width: 100%;
+    font-family:
+        Courier New,
+        Courier,
+        monospace;
+    background: var(--accent2);
+    margin: 0;
+    grid-area: header;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.5rem;
+}
+
+header > a {
+    color: var(--accent);
+    text-decoration: none;
+}
+
 body {
     font-size: 14pt;
     line-height: 1.3;
@@ -47,6 +66,16 @@ main {
 }
 
 @media (prefers-color-scheme: dark) {
+    header {
+        background: url(/res/prospit-extended.webp);
+        background-position-y: 65%;
+        background-clip: text;
+    }
+
+    header > a {
+        color: transparent;
+    }
+
     body {
         --fg: #f6f6f6;
         --bg: #040402;
@@ -121,7 +150,7 @@ h2 {
     hyphens: none;
 }
 
-h1:not(#site-title) > a,
+h1 > a,
 h2 > a {
     text-decoration: none;
     color: var(--fg);
@@ -275,22 +304,6 @@ video {
     margin-block-end: 1rem;
 }
 
-#site-title {
-    width: 100%;
-    font-family:
-        Courier New,
-        Courier,
-        monospace;
-    background: var(--accent2);
-    margin: 0;
-    grid-area: header;
-}
-
-#site-title > a {
-    color: var(--accent);
-    text-decoration: none;
-}
-
 /*.badges a, marquee a, header a {
 	border: none;
 	background-color: #00000000;
