diff --git a/computers.html b/computers.html
index f67f3edd..ee27425e 100644
--- a/computers.html
+++ b/computers.html
@@ -13,10 +13,10 @@
 
     <h2>main desktop</h2>
     <figure>
-      <a href="images/photos/full/mainpc_full.jpg">
+      <a href="images/photos/full/mainpc_full.jpg" class="link-image">
         <img src="images/photos/mainpc.jpg" alt="computer" width="256" height="192 ">
       </a>
-      <a href="images/photos/full/mainpc_open_full.jpg">
+      <a href="images/photos/full/mainpc_open_full.jpg" class="link-image">
         <img src="images/photos/mainpc_open.jpg" alt="an open computer" width="256" height="192 ">
       </a>
       <figcaption>This is my main pc. It's a ryzen 5 3600 with an rx 5700xt and 16gb of ddr4 3600. It dual-boots ubuntu 
@@ -26,7 +26,7 @@
 
     <h2>pentium iii system</h2>
     <figure>
-      <a href="images/photos/full/pentiumiii_full.jpg">
+      <a href="images/photos/full/pentiumiii_full.jpg" class="link-image">
         <img src="images/photos/pentiumiii.jpg" alt="dell tower" width="192" height="256">
       </a>
       <figcaption>This is my windows 98 machine. It's a dell dimension xps d300 case sporting a pentum 3 700mhz with a 
@@ -38,7 +38,7 @@
 
     <h2>main laptop</h2>
     <figure>
-      <a href="images/photos/full/zenbook_full.jpg">
+      <a href="images/photos/full/zenbook_full.jpg" class="link-image">
         <img src="images/photos/zenbook.jpg" alt="laptop" width="192" height="256">
       </a>
       <figcaption>This is my main laptop. It's got a ryzen 5 5500u with integrated and nvidia mx450 graphics and 8gb of
@@ -48,10 +48,10 @@
 
     <h2>2009 mac pro</h2>
     <figure>
-      <a href="images/photos/full/macpro_full.jpg">
+      <a href="images/photos/full/macpro_full.jpg" class="link-image">
         <img src="images/photos/macpro.jpg" alt="mac pro" width="196" height="256">
       </a>
-      <a href="images/photos/full/macpro-desktop_full.jpg">
+      <a href="images/photos/full/macpro-desktop_full.jpg" class="link-image">
         <img src="images/photos/macpro-desktop.jpg" alt="mac pro showing the desktop" width="256" height="192">
       </a>
       <figcaption>This is my 2009 mac pro. It has dual xeon x5570s for 8 total cores with a gt 120 and 16gb of ddr3
@@ -73,7 +73,7 @@
 
     <h2>powerbook g4</h2>
     <figure>
-      <a href="images/photos/full/powerbook_full.jpg">
+      <a href="images/photos/full/powerbook_full.jpg" class="link-image">
         <img src="images/photos/powerbook.jpg" alt="powerbook" width="196" height="256">
       </a>
       <figcaption>This is my powerbook g4. It has a powerpc g4 running at 1.67ghz, radeon 9700 128mb graphics, and 2gb
@@ -84,7 +84,7 @@
 
     <h2>thinkpad t400</h2>
     <figure>
-      <a href="images/photos/full/t400_full.jpg">
+      <a href="images/photos/full/t400_full.jpg" class="link-image">
         <img src="images/photos/t400.jpg" alt="thinkpad" width="196" height="256">
       </a>
       <figcaption>This is my thinkpad t400. It has a core 2 duo (something or other) with gm45 graphics and 8gb of
@@ -95,7 +95,7 @@
 
     <h2>tandy coco 2</h2>
     <figure>
-      <a href="images/photos/full/coco_full.jpg">
+      <a href="images/photos/full/coco_full.jpg" class="link-image">
         <img src="images/photos/coco.jpg" alt="tandy color computer 2" width="210" height="256">
       </a>
       <figcaption>I haven't gotten a lot of work done with this machine, but I like it a lot! I've been meaning to set up
@@ -104,7 +104,7 @@
 
     <h2>mac plus</h2>
     <figure>
-      <a href="images/photos/full/macplus_full.jpg">
+      <a href="images/photos/full/macplus_full.jpg" class="link-image">
         <img src="images/photos/macplus.jpg" alt="mac plus" width="196" height="256">
       </a>
       <figcaption>This is a mac plus. It is stock except for 4mb of ram. I got it for cheap without a keyboard or
@@ -117,7 +117,7 @@
 
     <h2>imac 2007</h2>
     <figure>
-      <a href="images/photos/full/imac_full.JPG">
+      <a href="images/photos/full/imac_full.JPG" class="link-image">
         <img src="images/photos/imac.JPG" alt="imac" width="192" height="256">
       </a>
       <figcaption>This is my 2007 (?) imac. It's got an upgraded core 2 duo of some kind and 4gb of ram. It currently
@@ -128,7 +128,7 @@
 
     <h2>emachines small tower</h2>
     <figure>
-      <a href="images/photos/full/emachines_full.jpg">
+      <a href="images/photos/full/emachines_full.jpg" class="link-image">
         <img src="images/photos/emachines.jpg" alt="emachines tower" width="192" height="256">
       </a>
       <figcaption>This is a small emachines tower from 2009. It's got an athlon ii x220 and 8gb of ram, with a 1tb 
diff --git a/images/badges/linuxnow_restore.jpg b/images/badges/linuxnow_restore.jpg
index babc09c7..458edd65 100644
Binary files a/images/badges/linuxnow_restore.jpg and b/images/badges/linuxnow_restore.jpg differ
diff --git a/index.html b/index.html
index beb6e95a..903e4bfe 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
   <body>
     <h1>welcome to amber's place~</h1>
     
-    <a href="images/pfp.png"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and 
+    <a href="images/pfp.png" class="link-image"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and 
       glasses next to a cat. the girl has a speech bubble with the lesbian flag in it." width="256" height="256"></a>
 
     <p>i'm a tired transbian and i want to put shit on the internet.</p>
@@ -86,49 +86,46 @@
         <img src="images/transfem.gif" alt="trans fem are so cool" width="150" height="20" style="border:none;">
         <br>
         <br>
-        <!-- Removed cause they don't look good lol. gonna have to make my own i think -->
-        <!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F" 
-          title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
-    	    <img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid" 
-            style="border:none;"></a>
-        <a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance" 
-          target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/wcag2.1AA-v.png" 
-              alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
-        <img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
-        <img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
-        <img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
-        <img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
-        <img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
-        <img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
-        <img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
-        <img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
-        <img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
-        <img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
-          <a href="https://archlinux.org/"
-          title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;">
-          </a>
-          <a href="https://maia.crimew.gay/"
-          title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;">
-          </a>
-          <a href="https://lunasn0wfall.neocities.org/"
-          title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;">
-          </a>
-          <a href="https://neocities.org/"
-          title="Neocities" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;">
-          </a>
-          <a href="https://www.tumblr.com/"
-          title="Tumblr" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;">
-          </a>
+        <div class="buttons" >
+          <!-- Removed cause they don't look good lol. gonna have to make my own i think -->
+          <!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F" 
+            title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
+            <img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid" 
+              style="border:none;"></a>
+          <a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance" 
+            target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/wcag2.1AA-v.png" 
+                alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
+          <img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
+          <img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
+          <img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
+          <img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
+          <img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
+          <img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
+          <img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
+          <img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
+          <img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
+          <img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
+            <a href="https://archlinux.org/"
+            title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;" class="link-image"></a>
+            <a href="https://maia.crimew.gay/"
+            title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;" class="link-image"></a>
+            <a href="https://lunasn0wfall.neocities.org/"
+            title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;" class="link-image"></a>
+            <a href="https://neocities.org/"
+            title="Neocities" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;" class="link-image"></a>
+            <a href="https://www.tumblr.com/"
+            title="Tumblr" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;" class="link-image"></a>
+          </div>
     </footer>
   </body>
 </html>
diff --git a/minidisc.html b/minidisc.html
index 441b4277..8f99b0ce 100644
--- a/minidisc.html
+++ b/minidisc.html
@@ -9,7 +9,7 @@
   <body>
     <h1>minidisc</h1>
     
-    <a href="images/md.jpg"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
+    <a href="images/md.jpg" class="link-image"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
 
     <p>i currently have two Sony MZ-R50 minidisc recorders. these recorders are from 1997, and don't have features like 
       MDLP or NetMD. they are still both extremely solid, however.</p>
diff --git a/style.css b/style.css
index 4ba39a56..500f8793 100644
--- a/style.css
+++ b/style.css
@@ -62,7 +62,7 @@ h1 {
 
 a:focus {
   outline: 2px solid #86A3C1;
-  outline-offset: 2px;
+  /* outline-offset: 2px; */
 }
 
 figure {
@@ -73,3 +73,18 @@ figure {
 figcaption {
   margin-top: 4px;
 }
+
+.link-image {
+  display: inline-block;
+  width: fit-content;
+  height: fit-content;
+  text-decoration: none;
+}
+
+.buttons {
+  font-size: 23px; /* this sucks but i cant find a better way */
+}
+
+/* .buttons img {
+  margin: 2px;
+} */
\ No newline at end of file