fix: centralize Buy Me A Coffee img styling in CSS, remove inline styles (#223) (#235)

Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/609f1c03-1e77-44cc-9d41-57d69be922e5

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>

Author: Copilot

assets/css/style.css

@@ -393,6 +393,12 @@ footer {
 .social-icon {
   font-size: 2.5rem; /* mobile */
 }
+
+.social-icon img {
+  height: 1em;
+  width: auto;
+  vertical-align: middle;
+}
 @media (min-width: 768px) {
   .social-icon {
     font-size: 3.5rem; /* desktop */

bio.html

@@ -216,7 +216,7 @@ <h1 class="main-title">David KRK</h1>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">

contact.html

@@ -164,7 +164,7 @@ <h1 class="main-title">David KRK</h1>
              class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
           <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
              class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-          <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+          <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
         </div>
 
         <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">

event.html

@@ -99,7 +99,7 @@ <h1 class="main-title">David KRK</h1>
          class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
       <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
          class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-      <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+      <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
     </div>
 
     <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">

index.html

@@ -139,7 +139,7 @@ <h1 class="main-title">David KRK</h1>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">

music.html

@@ -199,7 +199,7 @@ <h3><i class="fab fa-youtube" style="color:#ff0000;"></i> <span id="youtube-titl
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">

shop.html

@@ -194,7 +194,7 @@ <h2 class="mt-4">Офіційний магазин</h2>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
+        <a href="https://buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="217" height="60"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">