diff --git a/img/blueheart.gif b/img/blueheart.gif
new file mode 100644
index 0000000..a9fe86f
Binary files /dev/null and b/img/blueheart.gif differ
diff --git a/index.html b/index.html
index c86a59f..9bc20b3 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
         </div>
         <p class="intro">Hi there, I'm Sophie!</p>
         <p class="info">She/They, Trans MtF, 19, Artist, Developer, and Linux User</p>
-        
+
         <input type="button" onclick="location.href='https://en.pronouns.page/@IDeletedSystem64';" value="Pronouns.page">
         <input type="button" onclick="location.href='https://glaceon.social/@IDeletedSystem64';" value="glaceon.social">
         <input type="button" onclick="location.href='https://pony.social/@ArtsieSophie';" value="pony.social (Art)">
@@ -27,7 +27,7 @@
         <input type="button" onclick="location.href='https://git.system64.dev/IDeletedSystem64';" value="My Gitea">
         <input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam">
         <input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
-        
+
         <div class="webbutton">
             <p><a href="http://www.theoldnet.com/#frombadge" title="Are you tired of this new Internet yet? Time to Get TheOldNet!"><img class=webbutton src="/img/webbutton/oldnet.gif"></a></p>
             <p><a href="https://neocities.org" title="Host a free homepage with Neocities!"><img class=webbutton src="/img/webbutton/neocities.gif"></a></p>
@@ -37,9 +37,10 @@
             <p><a href="https://firefox.com/" title="Firefox is a web browser, and my favorite especially for web development."><img class=webbutton src="/img/webbutton/firefoxnow.gif"></a></p>
             <p><a href="https://browser.pony.house/" title="Add ponies to your website!"><img class=webbutton src="/img/webbutton/browserpony.gif"></a></p>
             <p><a href="https://code.visualstudio.com/" title="The code editor I used for this website, as well as other projects!"><img class=webbutton src="/img/webbutton/vscode.gif"></a></p>
-         </div>
-    
-         <a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
+        </div>
+
+        <a class="blueheart" href="https://blueheart.system64.dev/" title="Blueheart Forever"><img src="/img/blueheart.gif" width="75vw"></a> <!-- yes we know this is done wrong, no we dont care, the code is awful. checkout v2branch instead->
+        <a style="display: none;" rel="me" href="https://glaceon.social/@IDeletedSystem64">Mastodon</a> <!-- verification for mastodon main acc -->
         <a style="display: none;" rel="me" href="https://pony.social/@ArtsieSophie">Mastodon</a> <!-- verification for mastodon art acc -->
     </div>
 </body>
\ No newline at end of file
diff --git a/styles/stylemain.css b/styles/stylemain.css
index 1b60320..bc74b48 100644
--- a/styles/stylemain.css
+++ b/styles/stylemain.css
@@ -39,6 +39,11 @@ div.main {
     padding: 10px;
     border-radius: 30px;
 }
+a.blueheart { /* probably not the right way of doing things, but this css is awful and i cannot comprehend it for the life of me anymore... -64 */
+    margin: auto;
+    padding-top: 100px;
+    width: 60%;
+}
 body {
     background-image: url("/img/bg_avif.avif"); /* If need be, I'll figure out a way to change this for devices that don't support AVIF */
 }