@charset "utf-8";

/* メニューの行 */
.menu>p {
  background:
    linear-gradient(
      90deg,
      var(--menu-bg),
      white
    );
  color: white;
  text-shadow:
    1px 1px 0 red, -1px -1px 0 red,
    -1px 1px 0 red, 1px -1px 0 red,
    0px 1px 0 red, -1px 0 red,
    -1px 0 0 red, 1px 0 0 red;
}

/* メニュー行（リンクへのマウスホバー） */
.menu>p.link:hover {
  background:
    linear-gradient(
      90deg,
      var(--menu-hover-bg),
      white
    );
}

/* メニューのリンク */
.menu a {
  color: white;
  text-shadow:
    1px 1px 0 blue, -1px -1px 0 blue,
    -1px 1px 0 blue, 1px -1px 0 blue,
    0px 1px 0 blue, -1px 0 blue,
    -1px 0 0 blue, 1px 0 0 blue;
}

/* ヘッダタイトル、見出し3,4 */
.header div.title,
h2,
h3 {
  background:
    linear-gradient(
      0deg,
      var(--heading-bg-grad),
      var(--heading-bg),
      var(--heading-bg-grad)
    );
  text-shadow:
    1px 1px 0 blue, -1px -1px 0 blue,
    -1px 1px 0 blue, 1px -1px 0 blue,
    0px 1px 0 blue, -1px 0 blue,
    -1px 0 0 blue, 1px 0 0 blue;
}