diff --git a/index.html b/index.html
index 68ad2f0..93b39de 100644
--- a/index.html
+++ b/index.html
@@ -58,31 +58,6 @@
         </article>
     </div>
 
-    <div class="pixel-corners">
-        <article id="socials" class="socials">
-            <h1><span class="anchors"><a href="#socials">~/socials</a></span></h1>
-            <h1>my socials! feel free to contact me by these <span class="dot">●</span> you can find extra info by clicking their icons!</small>
-
-            <main class="fedi">
-                <section class="fediverse">
-                    <a href="https://joinsharkey.org" target="_blank">
-                        <img class="fediverse-icon" src="/assets/socials/fediverse.png" alt="Fediverse/Sharkey"/>
-                    </a>
-                    <p><a rel="me" href="https://lea.pet/@sneexy" target="_blank">@sneexy</a></p>
-                </section>
-
-                <span class="dot">●</span>
-
-                <section class="fediverse-alt">
-                    <a href="https://akkoma.social" target="_blank">
-                        <img class="akkoma-icon" src="/assets/socials/akkoma.png" alt="Fediverse/Akkoma"/>
-                    </a>
-                    <p>@sneexy<small><a href="https://akko.wtf/sneexy" target="_blank">@akko.wtf</a></small></p>
-                </section>
-            </main>
-        </article>
-    </div>
-
     <div class="pixel-corners">
         <article id="links" class="links">
             <h1><span class="anchors"><a href="#links">~/links</a></span></h1>
diff --git a/style.css b/style.css
index 764b184..c13145f 100644
--- a/style.css
+++ b/style.css
@@ -392,14 +392,14 @@ footer > .dot {
     color: var(--bg-t);
 }
 
-.intro-box, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
+.intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
     position: relative;
     display: flex;
     padding: 30px;
     background-color: var(--bg);
 }
 
-.intro-text, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
+.intro-text, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
     flex-direction: column;
 }
 
@@ -424,14 +424,14 @@ footer > .dot {
 }
 
 /* -- below is all the css used only for the social cards, and its probably Very Bad so get a puke bag or something read -- */
-.fedi, .fediverse, .fediverse-icon, .fediverse-alt, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .shitposts, .amoguscloud, .warning {
+.fedi, .firefish, .firefish-icon, .akkoma, .akkoma-icon, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .shitposts, .amoguscloud, .warning {
     display: flex;
     flex-direction: row;
     margin-left: auto;
     margin-right: auto;
 }
 
-.fediverse-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .amoguscloud {
+.firefish-icon, .akkoma-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .amoguscloud {
     margin-top: 20px;
     margin-right: 8px;
     width: 30px;
@@ -948,7 +948,7 @@ footer > .dot {
         text-shadow: 0px 0px 14px var(--accent-1);
     }
     
-    .socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot, .links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
+    .links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
         color: var(--accent-1);
         text-shadow: 0px 0px 8px var(--accent-1);
     }
@@ -957,7 +957,7 @@ footer > .dot {
         color: var(--bg-t);
     }
     
-    .intro-box, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
+    .intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
         background-color: var(--bg);
     }