init

src/components/Card.astro

@@ -0,0 +1,32 @@
+---
+interface Props {
+    title: string
+}
+
+const { title } = Astro.props;
+---
+
+<div class="card">
+    <h2>{title}</h2>
+    <slot/>
+</div>
+<style>
+    .card h2 {
+        font-family: "Sharp PC3K-2x", monospace;
+        font-size: 16px;
+        word-break: break-all;
+        text-align: center;
+        padding: 8px 0 4px 0;
+        background-color: #181818;
+        color: #eeeeee;
+    }
+
+    .card {
+        width: fit-content;
+        height: fit-content;
+        background-color: #eeeeee;
+        color: #181818;
+        box-shadow: .25em .25em #181818;
+        padding: 1em;
+    }
+</style>