<template>
  <div class="w-full flex flex-col items-center">
    <div @click="uiStore.closeBox()" class="cursor-pointer">
      <logo />
    </div>
    <main>
      <boxes />
      <player />
    </main>
  </div>
</template>

<script setup>
import { useUiStore } from '~/store/ui'
const uiStore = useUiStore()
</script>

<style>
.logo {
  filter: drop-shadow(2px 2px 0 rgb(0 0 0 / 0.8));
}
</style>
