minimal animations

styles.css

@@ -35,6 +35,14 @@ body {
   max-width: 500px;
   position: relative;
   overflow: hidden;
+  transition:
+    transform 0.3s,
+    box-shadow 0.3s;
+}
+
+.card:hover {
+  transform: translateY(-10px);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 }
 
 .profile-picture {
@@ -43,6 +51,11 @@ body {
   border-radius: 50%;
   object-fit: cover;
   object-position: center;
+  transition: transform 0.3s;
+}
+
+.profile-picture:hover {
+  transform: scale(1.1);
 }
 
 .card h2 {