Donation

I spent a lot of work on this, okay?
Also removed the reddit icon; The thread was archived anyways.
That space in the title was somehow bugging me too.

index.htm

@@ -27,12 +27,17 @@
 
     <div id="card">
 
-        <h1>MINECRAFT ARMOR STAND</h1>
+        <h1>MINECRAFT ARMORSTAND</h1>
         <div class="padding">
             <center>
                 <a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank"><img src="images/github.png" alt="GitHub" title="GitHub" /></a>
-                <a href="http://redd.it/2dyzfc" target="_blank"><img src="images/reddit.png" alt="Reddit" title="Reddit" /></a>
                 <a href="http://www.twitter.com/haselcode" target="_blank"><img src="images/twitter.png" alt="Twitter" title="Twitter" /></a>
+                <div id="donate">
+                  <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=RRRKAAH4JNBZ8" target="_blank" title="Like it? Donate :)">
+                    <img src="images/donate.png" alt="Donate" />
+                    <img class="colorful" src="images/donate-color.png" alt="Donate" />
+                  </a>
+                </div>
             </center>
                 <br>
                 <span class="padding" style="cursor: pointer;" onclick="javascript:$('#troubleshooting').slideToggle();">

style.css

@@ -30,6 +30,22 @@ a{
 	color: #000000;
 }
 
+#donate{
+	width: 64px;
+	height: 64px;
+	display: inline;
+	position: relative;
+}
+#donate .colorful{
+	opacity: 0;
+	position: absolute;
+	left: 0;
+	transition: 0.5s;
+}
+#donate:hover .colorful{
+	opacity: 1;
+}
+
 #gl{
 	width: 60%;
 	height: 100%;