<template>
    <div class="board">
        <div class="content">
            <slot />
        </div>
    </div>
</template>

<style lang="scss" scoped>
.board {
    min-width: 5vh;
    min-height: 5vh;
    background-image: url(../assets/imgs/Note.webp);
    background-size: contain;
    aspect-ratio: 1000/697;
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 1vh 2vw #000000);
}

.content {
    font-family: 'Ma Shan Zheng';
    font-size: 3vw;
    line-height: 2;
    text-wrap: pretty;
    padding:5% 6% ;
    opacity: .9;
    mix-blend-mode: darken;
    text-shadow: 0 0 .5vw #00000044;
    color: #000;
}
</style>