<template>
  <header class="page-header">
    <div class="header-bg">
    </div>
  </header>
</template>

<script setup>
</script>

<style scoped lang="scss">
@use '@/styles/mixins.scss' as *;

.page-header {
  height: vw(111);
  background: url(../assets/img/header-bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}


.title {
  color: rgba(255, 255, 255, 1);
  font-size: fs(51);
  letter-spacing: vw(2.32);
  font-family: FZLTDHJW--GB1-0, sans-serif;
  white-space: nowrap;
  margin: 0;
  text-align: center;
}

</style>
