diff --git a/src/components/Card.astro b/src/components/Card.astro
index 17a0e63..510e32c 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -18,16 +18,24 @@ const { id, name } = Astro.props;
   align-items: center;
   padding: 10px;
   margin: 10px 0;
-  background-color: white;
-  color: black;
+  border: 2px #ff66ff solid;
+  color: white;
   border-radius: 25px;
   transition: 0.1s ease-out;
   position: relative;
   top: 0;
+  background-color: #00000000;
 }
 
 .card:hover {
   top: -4px;
+  background-color: #ff80ff;
+  border: none;
+  color: black;
+}
+
+.card:hover img {
+  filter: invert(100%) brightness(0%);
 }
 
 .text {