[AFP-47 Shaphen Pangburn]: Add hover animation for each product

ecom-web/src/resources/stylesheets/product-market.css

@@ -8,6 +8,9 @@
 #product-market-title {
     width: 100%;
     text-align: center;
+    font-size: 30px;
+    margin: 15px 0px 10px;
+
 }
 
 .products-container {
@@ -31,6 +34,11 @@
     justify-content: center;
     align-items: center;
     border: 1px solid gray;
+    transition: all 0.5s;
+}
+
+.product-item:hover {
+    transform: scale(1.03);
 }
 
 #prod-img {
@@ -40,9 +48,16 @@
 #prod-name, #prod-description, #prod-price {
     width: 100%;
     text-align: center;
+    cursor: default;
+}
+
+#add-to-cart-button {
+    cursor: pointer;
+    margin-bottom: 10px;
 }
 
 #prod-not-available {
     text-align: center;
     color: gray;
+    cursor: default;
 }
\ No newline at end of file