diff --git a/index.html b/index.html
index a890de9..1372f90 100644
--- a/index.html
+++ b/index.html
@@ -15,9 +15,10 @@
         <h2>About PacNPal</h2>
         <p>A retro tech enthusiast and a gamer, diving deep into coasters and vintage computing.</p>
     </section>
-    <footer>
-        <p>Something may eventually go here.</p>
-    </footer>
+    <section id="sites">
+        <h2>Sites</h2>
+        <p><a href="https://steadirect.com" target="_blank" rel="noopener noreferrer">Steadirect.com</a> - Create clickable links for protocol URLs like Steam invites.</p>
+    </section>
 <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;912ee97cdcebeb5e&quot;,&quot;version&quot;:&quot;2025.1.0&quot;,&quot;r&quot;:1,&quot;token&quot;:&quot;1cef99b58ec34b74ae9a46890381b17f&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}}}" crossorigin="anonymous"></script>
 
 
diff --git a/styles.css b/styles.css
index 0aa2431..a82396b 100644
--- a/styles.css
+++ b/styles.css
@@ -15,3 +15,18 @@ h1, h2 {
 p {
     font-size: 1.2em;
 }
+section {
+    padding: 20px;
+    margin: 20px auto;
+    max-width: 800px;
+    background-color: rgba(30, 30, 47, 0.7);
+    border-radius: 8px;
+}
+a {
+    color: #7fccff;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+a:hover {
+    color: #ffcc00;
+}