Updated the Credits

Author: tinyplayerss

main.html

@@ -138,6 +138,28 @@ <h1>Donation Goal <span class="money">$1000</span></h1>
 
       <section>
         <h2 class="headerbackground">Crediting is very Important!</h2>
+        <div class="credits">
+          <a href="https://rumble.com/c/tinyplayerss" target="_blank"
+            ><img
+              class="profile"
+              src="https://ak2.rmbl.ws/z8/J/w/2/g/Jw2ga.baa.3-tinyplayerss-s4dzzd.png"
+          /></a>
+          <a href="https://rumble.com/c/GlobalGamer2015" target="_blank"
+            ><img
+              class="profile"
+              src="https://ak2.rmbl.ws/z8/A/C/7/r/AC7ra.baa-GlobalGamer2015-s17j4g.jpeg"
+          /></a>
+          <a href="https://rumble.com/c/ElectricPorpoise" target="_blank"
+            ><img
+              class="profile"
+              src="https://ak2.rmbl.ws/z8/y/G/t/l/yGtla.baa-ElectricPorpoise-s0o5ll.jpeg"
+          /></a>
+          <a href="https://rumble.com/c/ElectricOrBloxtric" target="_blank"
+            ><img
+              class="profile"
+              src="https://ak2.rmbl.ws/z8/6/V/F/i/6VFia.baa-ElectricOrBloxtric-rnd2f6.png"
+          /></a>
+        </div>
         <ul>
           <li>
             The Founder of CustomBAR

styles.css

@@ -374,4 +374,23 @@ progress::-webkit-progress-bar, progress::-webkit-progress-value {
   grid-auto-flow: column;
   margin: 0 auto;
   margin: -50px 40px -50px 40px;
+}
+
+.credits {
+  display: grid;
+  grid-auto-flow: column;
+  scale: 0.7;
+}
+
+.profile {
+  border-radius: 100%;
+  border: 4px solid rgb(87, 153, 223);
+  transition: scale 0.3s, border 0.3s, box-shadow 0.3s;
+  padding: 8px;
+}
+
+.profile:hover {
+  scale: 1.08;
+  border: 4px solid rgb(130, 181, 235);
+  box-shadow: 0px 0px 20px rgb(87, 153, 223);
 }