---
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>