diff --git a/src/styles.css b/src/styles.css
index 999a1740..2955a8ab 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -123,3 +123,20 @@ img.socialIcon {
   height: 30px;
   width: 30px;
 }
+/* add an amazing animation to the social icons */
+img.socialIcon:hover {
+  animation: bounce 0.5s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes bounce {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
\ No newline at end of file