From 8f2dc3883abffb0465c70b552e70fb3d11422408 Mon Sep 17 00:00:00 2001
From: NotAShelf <raf@notashelf.dev>
Date: Fri, 27 Sep 2024 21:10:32 +0300
Subject: [PATCH] minimal animations

---
 styles.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/styles.css b/styles.css
index 2e4c2b9..99b4fae 100644
--- a/styles.css
+++ b/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 {