<template>
  <div class="main">
    <client-only>
      <Openseadragon />
    </client-only>
    <Article />
  </div>
</template>

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.bebas-neue-regular {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-400 {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.text-6xl {
  font-size: 120px;
}

.main {
  margin: 0 auto;
  max-width: 860px;
}

.z-article-title {
  z-index: 50;
}

.z-article-image {
  z-index: 49;
}
</style>