💄 Working register styles

frontend/src/components/UserCard.module.css

@@ -1,9 +1,23 @@
-.card {
+.user {
     display: flex;
     flex-direction: column;
+    align-items: center;
+    padding: 4px;
+    background: transparent;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    transition: background-color 0.1s ease-out, border 0.1s ease-out;
+}
+.user:hover {
+    background: rgba(0, 0, 0, 0.1);
+    border-color: rgba(25, 135, 84, 0.6);
 }
 .active {
-    background: green;
+    background: rgba(25, 135, 84, 0.2);
+    border-color: rgba(25, 135, 84, 0.6);
+}
+.active:hover {
+    background: rgba(25, 135, 84, 0.2);
 }
 .avatar {
     border-radius: 50px;