2 files changed, 15 insertions, 0 deletions
diff --git a/src/web/components/card/Card.css b/src/web/components/card/Card.css
new file mode 100644
index 0000000..79d38ac
--- /dev/null
+++ b/src/web/components/card/Card.css
@@ -0,0 +1,5 @@
+.card {
+    box-shadow: 0 0 0.2em 0.01em var(--black-10);
+    border-radius: 1.0em;
+    background-color: var(--black-10);
+}
+\ No newline at end of file
diff --git a/src/web/components/card/Card.jsx b/src/web/components/card/Card.jsx
new file mode 100644
index 0000000..36c4f1d
--- /dev/null
+++ b/src/web/components/card/Card.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./Card.css";
+
+export default function Card({children, className, ...others}) {
+    return (
+        <div className={styles.card + (className ? " " + className : "")} {...others}>
+            {children}
+        </div>
+    );
+}
+\ No newline at end of file