index.html

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ようこそ、バーボンハウスへ。</title>
    <style>
      html {
        font-size: 16px;
      }
      body {
        background-color: #efefef;
        font-family: sans-serif;
      }
      @media (max-width: 480px) {
        body {
          font-size: 0.75rem;
        }
      }
      main {
        padding: 0.25rem;
      }
      h1 {
        font-size: 1.25rem;
        color: #ff0000;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>ようこそ、バーボンハウスへ</h1>
      <p>
        やあ （´・ω・｀)<br />
        ようこそ、バーボンハウスへ。<br />
        このテキーラはサービスだから、まず飲んで落ち着いて欲しい。
      </p>
      <p>
        うん、「また」なんだ。済まない。<br />
        仏の顔もって言うしね、謝って許してもらおうとも思っていない。
      </p>
      <p>
        でも、このページを見たとき、君は、きっと言葉では言い表せない<br />
        「ときめき」みたいなものを感じてくれたと思う。<br />
        殺伐とした世の中で、そういう気持ちを忘れないで欲しい<br />
        そう思って、このページを作ったんだ。
      </p>
      <p>じゃあ、注文を聞こうか。</p>
    </main>
  </body>
</html>