email link float update

assets/css/main.css

@@ -2194,7 +2194,7 @@ input, select, textarea {
 		background: #fff;
 		border-radius: 10px;
 		width: 50%;
-		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
+		box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
 	}
 
 	.timeline-item::after {
@@ -2243,15 +2243,23 @@ input, select, textarea {
 		margin: 0.5em 0 0;
 		color: #000000;
 	}
-
+		
 	.timeline-item:hover {
 		background: #ffffff;
 		transform: translateY(-5px);
 		}
 
+	/* Link styling */
+	.float-link {
+		text-decoration: none; /* Remove underline */
+		transition: transform 0.3s ease-in-out, color 0.3s ease-in-out; /* Smooth transition */
+		display: inline-block; /* Ensure the link behaves like a block for the transform effect */
+	}
 
-
-
+	.float-link:hover {
+		color: #3BA8D3; /* Darken color on hover */
+		transform: translateY(-5px); /* Move up by 5px on hover */
+	}
 
 
 /* Copyright */

index.html

@@ -175,7 +175,7 @@ <h3>Titanic Data Set</h3>
 				<div>
 					<article id="contact">	
 						<footer>
-							<p>Feel Free To Reach Out @ <a href="mailto:prateekchand208l@gmail.com"> <strong>prateekchand208@gmail.com</strong></a></p>
+							<p>Feel Free To Reach Out @ <a href="mailto:prateekchand208l@gmail.com"> <strong class="float-link">prateekchand208@gmail.com</strong></a></p>
 							<a href="#home" class="button small scrolly"> Back To Top</a>
 						</footer>