import style from '@/styles/web.module.scss';

export default function AboutPage() {
  return (
    <div className={style.guideBody}>
      <h2>About</h2>
      <hr />
      <div className={style.aboutNoticeBlock}>
        <br />
        <p>
          Covid-19
          の影響で、オフライン大会の実施なども困難であるため、オンラインによるランキングバトル（通称：ストレイシープ杯）を開催することになりました。
        </p>
        <p>
          先日発売されたSwitch版＋各自の配信設備を用いて大会を実施するため、まずは少人数で進めていきます。（まずは第0回を実験的に開催）
        </p>
        <p>
          キャサリンの対戦は、決着はわかりやすいですが、使われているテクニックなどが分かるともっと楽しめると思うので、解説なども交えながら実施する予定です。
        </p>
        <p>悪い点は改善し、良い点はつづけながら、継続的に続けていきたいと思います。</p>
        <p>
          もっとこうしてみては？次の大会から参加したい！などございましたら問い合わせフォームからご意見下さい！
        </p>
        <p>それでは、楽しんでいくめぇ。～</p>
        <div className={style.sheepAbout} />
        <div className={style.aboutContactBox}>
          <a href="https://forms.gle/Dn4p7cFEPLK1zcTz5" rel="noopener noreferrer" target="_blank">
            &nbsp;
          </a>
        </div>
      </div>
    </div>
  );
}
