diff --git a/static/styles/global.css b/static/styles/global.css
index d1b5bea..e35ebc2 100644
--- a/static/styles/global.css
+++ b/static/styles/global.css
@@ -11,6 +11,7 @@ body {
   box-sizing: border-box;
   min-height: 100vh;
   padding: 35px 10vw;
+  background-color: white;
   color: #222;
 }
 
@@ -115,3 +116,25 @@ label[for="dark-mode"]:hover {
   color: white;
   content: "☀️";
 }
+
+@media (prefers-color-scheme: dark) {
+  #dark-mode + label[for="dark-mode"]::after {
+    color: white;
+    content: "☀";
+  }
+
+  #dark-mode:checked + label[for="dark-mode"]::after {
+    color: black;
+    content: "🌙";
+  }
+
+  #main {
+    background-color: #222;
+    color: white;
+  }
+  
+  #dark-mode:checked ~ #main {
+    background-color: white;
+    color: #222;
+  }
+}
diff --git a/templates/components/random/email.html b/templates/components/random/email.html
new file mode 100644
index 0000000..b6dda64
--- /dev/null
+++ b/templates/components/random/email.html
@@ -0,0 +1,7 @@
+<div class="random" id="email">
+  <div class="random-content">
+    <span>Email me at prussia [at] prussia [dot] dev! My pgp key can be found <a href="https://keys.openpgp.org/search?q=prussia%40prussia.dev">here</a>.</span>
+  </div>
+  <a href="/#badges">More random stuff</a>
+</div>
+
diff --git a/templates/components/random/minesweeper.html b/templates/components/random/minesweeper.html
index 4e9b1bd..a8664a2 100644
--- a/templates/components/random/minesweeper.html
+++ b/templates/components/random/minesweeper.html
@@ -1,6 +1,6 @@
 <div class="random" id="minesweeper">
   <div class="random-content">
-    <a href="https://prussia.dev/retro?open_windows=minesweeper">Play Minesweeper</a>
+    <a href="https://prussia.dev/retro?open_windows=minesweeper">Play Minesweeper?</a>
   </div>
   <a href="/#wikipedia">More random stuff</a>
 </div>
diff --git a/templates/components/random/rss.html b/templates/components/random/rss.html
index d059102..521e83e 100644
--- a/templates/components/random/rss.html
+++ b/templates/components/random/rss.html
@@ -2,6 +2,6 @@
   <div class="random-content">
     <span>This blog has a <a href="/atom.xml">rss feed</a>!</span>
   </div>
-  <a href="/#badges">More random stuff</a>
+  <a href="/#email">More random stuff</a>
 </div>
 
diff --git a/templates/index.html b/templates/index.html
index ed09c3e..11b5c2a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -34,6 +34,7 @@
         [[ component:random/quote3 ]]
         [[ component:random/quote4 ]]
         [[ component:random/rss ]]
+        [[ component:random/email ]]
         <a id="ciran" href="/#badges">See some random stuff</a>
       </div>
     </div>