Migrate components Card styles

src/components/card/Card.tsx

@@ -1,7 +1,5 @@
 import { classes } from "../../utils/classes";
 
-import styles from "./card.module.scss";
-
 interface CardProps {
   children?: React.ReactNode;
   title?: string;
@@ -12,8 +10,13 @@ export default function Card(props: CardProps) {
   const { children, title, className } = props;
 
   return (
-    <div className={classes(styles.card, className)}>
-      {title && <h2 className={styles.title}>{title}</h2>}
+    <div
+      className={classes(
+        "flex flex-col justify-between items-center rounded-3xl shadow bg-alveus-green p-5 my-6 mx-4 w-[32rem] max-w-full max-h-full overflow-y-auto scrollbar-thin scrollbar-track-alveus-green-900 scrollbar-thumb-alveus-green",
+        className,
+      )}
+    >
+      {title && <h2 className="text-center text-3xl mb-2">{title}</h2>}
       {children}
     </div>
   );