From d0e6c3f8a39a97e4b5fa9ea9dc4d755c3712c06d Mon Sep 17 00:00:00 2001
From: Tom Schmelzer <30869493+schmelto@users.noreply.github.com>
Date: Mon, 14 Oct 2024 19:11:50 +0200
Subject: [PATCH] fix: Refactor CSS styles for card hover effect (#342)

---
 css/styles.css | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 90b17e5..5e59a2c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -361,17 +361,11 @@ a.nav-link:hover {
   overflow: hidden;
   break-inside: avoid;
   padding: 0;
-  margin : 15px;
-  border : 1px solid grey; 
-  border-radius: 3px;
-  box-shadow: rgba(201, 198, 198, 0.24) 0px 3px 8px;
 }
-
 .flex-card:hover{
-  transform:translateY(-5px);
-  transition: transform 320ms ease-out 50ms; 
+  transform: scale(0.98);
+  transition: transform 0.5s;
 }
-
 .card-text {
   color: black;
 }
@@ -395,6 +389,7 @@ a.nav-link:hover {
   }
 
   .card {
+    margin-bottom: 1rem;
     background-color: #333a43;
   }