<template>
  <div class="bg">
    <video id="video" autoplay loop muted src="/bg.mp4"></video>
    <app-header/>
    <app-main/>
  </div>
</template>

<script setup>
import {AppMain, AppHeader, AppBottom} from './components'
</script>

<style lang="scss">
#video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg {
  width: 100vw;
  height: 100vh;
  //background: rgba(0,0,0,0.75)
  background: url("@/assets/image/bg@2x.png") no-repeat top center;
  background-size: 100% 100%;
}
</style>