diff --git a/astro/public/assets/images/image.png b/astro/public/assets/images/image.png
new file mode 100644
index 0000000..33cc31c
Binary files /dev/null and b/astro/public/assets/images/image.png differ
diff --git a/astro/public/assets/webrings/phonewave.png b/astro/public/assets/webrings/phonewave.png
index 390e4ae..8f330ef 100644
Binary files a/astro/public/assets/webrings/phonewave.png and b/astro/public/assets/webrings/phonewave.png differ
diff --git a/astro/public/styles/css/classes.css b/astro/public/styles/css/classes.css
index 72a59f1..fee7100 100644
--- a/astro/public/styles/css/classes.css
+++ b/astro/public/styles/css/classes.css
@@ -24,7 +24,9 @@
     -webkit-box-shadow: 0 0 8px var(--accent);
     -moz-box-shadow: 0 0 8px var(--accent);
     box-shadow: 0 0 8px var(--accent);
+}
 
+.center {
     text-align: center;
 }
 
diff --git a/astro/src/components/Footer.astro b/astro/src/components/Footer.astro
index 8ffa10f..4bb2be9 100755
--- a/astro/src/components/Footer.astro
+++ b/astro/src/components/Footer.astro
@@ -3,7 +3,7 @@ const today = new Date();
 ---
 <br>
 <footer class="footer" >
-  <section class="content">
+  <section class="content center">
     <!--Badges-->
     <a>buttons i created</a>
       <br>
@@ -98,9 +98,9 @@ const today = new Date();
       <hr>
     <a>Web Rings</a>
       <br>
-      <a href="https://applianceri.ng/next?host=limepot.xyz"><img alt="Future Gadget 204 - A Functional Time Machine" src="/assets/webrings/FG204.png" width="100px"></a>
+      <a href="https://applianceri.ng/next?host=nelle.observer"><img alt="Future Gadget 204 - A Functional Time Machine" src="/assets/webrings/phonewave.png" width="100px"></a>
   </section>
-  <section class="content">
+  <section class="content center">
     <p class="glitch-alt small-quote">El. Psy. Kongroo.</p>
     <a class="small-quote" href="/site-info">Site Info</a>
   </section>
diff --git a/astro/src/components/Header.astro b/astro/src/components/Header.astro
index 92f7d2f..1e200c9 100644
--- a/astro/src/components/Header.astro
+++ b/astro/src/components/Header.astro
@@ -7,7 +7,7 @@ const { title } = Astro.props;
 <!--
     onmouseover="PlaySound('hoverSound')"
     onmouseout="StopSound('hoverSound')" -->
-<section class="content">
+<section class="content center">
 <nav class="menu">
   <button
     class="custom-btn btn-1"
diff --git a/astro/src/layouts/Layout.astro b/astro/src/layouts/Layout.astro
index 4a35e91..9efaf83 100755
--- a/astro/src/layouts/Layout.astro
+++ b/astro/src/layouts/Layout.astro
@@ -17,7 +17,7 @@ const { title } = Astro.props;
   </head>
   <body onload="onload()" id="body">
     <Header />
-    <section class="content">
+    <section class="content center">
       <h1 class="title">{title}</h1>
     </section>
     <slot />
diff --git a/astro/src/pages/index.astro b/astro/src/pages/index.astro
index 6df7322..fdbacfa 100644
--- a/astro/src/pages/index.astro
+++ b/astro/src/pages/index.astro
@@ -5,7 +5,7 @@ import Layout from "../layouts/Layout.astro";
 <Layout title="nelle.observer">
   <main>
     <!-- Title Area -->
-    <section class="content">
+    <section class="content center">
       <h2>hello, creature.</h2>
       <p>
         my name is nelle (not Nelle, nelle), some call me <span class="glitch">[data expunged]</span>.
@@ -13,7 +13,7 @@ import Layout from "../layouts/Layout.astro";
         i am a 20-something year old, <span class="glitch">[data expunged]</span>, with not much else going on.
       </p>
     </section>
-    <section class="content">
+    <section class="content center">
       <h2>points of contact</h2>
       <p><a href="mailto:the@nelle.observer"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-email"></i> Email</a></p>
       <p><a href="https://steamcommunity.com/id/limepot/"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-fa-steam"></i> Steam</a></p>
@@ -27,7 +27,7 @@ import Layout from "../layouts/Layout.astro";
           ><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-youtube"></i> Youtube</a>
       </p>
     </section>
-    <section class="content">
+    <section class="content center">
       <div id="lastfm-widget" style="text-align: center;">
       <div id="widget">
         <a href="https://www.last.fm/user/LimePotato"
