diff --git a/about.html b/about.html
index 39d778d..ec346c2 100644
--- a/about.html
+++ b/about.html
@@ -89,17 +89,6 @@
         <a href="https://greenbaum.cloud"><img src="/assets/greenbaum-cloud-logo.svg" width="230" height="auto"></a>
       </section>
     </main>
-    <script>
-      document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
-      const background = document.getElementById("background");
-      const logo = document.getElementById("logo").cloneNode(true);
-      logo.id = "";
-      (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
-        .fill(null)
-        .map(_ => logo.cloneNode(true))
-        .forEach(l => {
-          background.appendChild(l);
-        });
-    </script>
+    <script src="./background.js"></script>
   </body>
 </html>
diff --git a/background.js b/background.js
new file mode 100644
index 0000000..2a43463
--- /dev/null
+++ b/background.js
@@ -0,0 +1,10 @@
+document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
+const background = document.getElementById("background");
+const logo = document.getElementById("logo").cloneNode(true);
+logo.id = "";
+(new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
+  .fill(null)
+  .map(_ => logo.cloneNode(true))
+  .forEach(l => {
+    background.appendChild(l);
+  });
diff --git a/index.html b/index.html
index 56b9f92..2ee73e4 100644
--- a/index.html
+++ b/index.html
@@ -33,17 +33,6 @@
         class="ps-footer--link"
       >climate-neutral hosting by Greenbaum Cloud</a>
     </footer>
-    <script>
-      document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
-      const background = document.getElementById("background");
-      const logo = document.getElementById("logo").cloneNode(true);
-      logo.id = "";
-      (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
-        .fill(null)
-        .map(_ => logo.cloneNode(true))
-        .forEach(l => {
-          background.appendChild(l);
-        });
-    </script>
+    <script src="./background.js"></script>
   </body>
 </html>
diff --git a/privacy.html b/privacy.html
index 1243433..817520c 100644
--- a/privacy.html
+++ b/privacy.html
@@ -87,16 +87,5 @@
       </div>
     </section>
   </main>
-  <script>
-    document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
-    const background = document.getElementById("background");
-    const logo = document.getElementById("logo").cloneNode(true);
-    logo.id = "";
-    (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
-      .fill(null)
-      .map(_ => logo.cloneNode(true))
-      .forEach(l => {
-        background.appendChild(l);
-      });
-  </script>
+  <script src="./background.js"></script>
 </html>
diff --git a/style.css b/style.css
index 87fed6a..edf442e 100644
--- a/style.css
+++ b/style.css
@@ -164,14 +164,17 @@ html {
   border: 12px solid black;
 }
 
+.ps-page--link:hover {
+  text-shadow: 0.3vw 0px 0px var(--accent);
+}
+
 .ps-footer--link {
   font-size: 6rem;
   border: 6px solid black;
 }
 
-.ps-footer--link:hover,
-.ps-page--link:hover {
-  text-shadow: 0.3vw 0px 0px var(--accent);
+.ps-footer--link:hover {
+  text-shadow: 0.2vw 0px 0px var(--accent);
 }
 
 @media screen and (min-width: 700px) {