chore: redo my button, no anti aliasing buttons or whatever

index.html

@@ -86,7 +86,7 @@
     </div>
     <article id="buttons">
         <h1>buttons</h1>
-        <p>fun little 88x31 buttons! all goes to awesome friends and some cool websites! <small>friends listed alphabetically. if any are broken and/or missing, poke me.</small></p>
+        <p>fun little 88x31 buttons! all goes to awesome friends and some cool websites! <small>friends listed alphabetically. <span style="color: var(--red);">if any are broken and/or missing, poke me.</span> <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
         <div class="buttons">
             <!--
             <a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
@@ -104,6 +104,9 @@
             <a href="https://ofplayers.net"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></a>
             <a href="https://sweetcoffy.pages.gay" target="_blank"><img src="https://sweetcoffy.pages.gay/assets/button.png" alt="SweetCoffy" title="SweetCoffy"></a>
             <a href="https://w.on-t.work"><img src="https://w.on-t.work/assets/88x31.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
+            <!-- hello traveler! -->
+            <a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>
+            <a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
         </div>
         <div class="buttons">
             <!-- software/browsers -->

style.css

@@ -348,6 +348,9 @@ buttons
     font-size: 0px;
     img {
         margin-right: 5px;
+        image-rendering: auto;
+        image-rendering: crisp-edges;
+        image-rendering: pixelated;
     }
 }