diff --git a/src/components/Card.astro b/src/components/Card.astro
index edf2d34..3d2f307 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -14,12 +14,20 @@ const { id, name } = Astro.props;
 
 <style>
 .card {
-  border: 1px solid black;
   display: flex;
   align-items: center;
   padding: 10px;
-  width: 50%;
   margin: 10px 0;
+  background-color: white;
+  color: black;
+  border-radius: 25px;
+  transition: 0.1s ease-out;
+  position: relative;
+  top: 0;
+}
+
+.card:hover {
+  top: -4px;
 }
 
 .text {