🎨 Add fade animation to cards (#42)

Author: RicAlvesO

components/Card/style.module.css

@@ -1,5 +1,6 @@
 @value colors: "../../styles/colors.css";
 @value blue from colors;
+@value orange from colors;
 
 .card {
   margin: 1rem;
@@ -11,14 +12,16 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition: ease 0.15s;
 }
 
-.card:hover,
 .card:focus,
-.card:active {
-  color: blue;
-  border-color: blue;
+.card:active,
+.card:hover {
+  color: orange;
+  border-color: orange;
+  background-color: white;
+  box-shadow: inset 0 0 0 2px orange, inset 0 100px 0 0 white, inset 0 100px 0 0 orange;
 }
 
 .card h3 {