body {
  font-family: "Georgia", "Times New Roman", serif;
  
  /* ▼ 画像の上に「半透明の黒い幕」を重ねて、文字を読みやすくする */
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("Portfolio_Sprite/BackGround.png");
  
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  
  /* ▼ 基本の文字色（読みやすい明るい白） */
  color: #f0f8ff; 
  
  padding: 2rem;
  line-height: 1.9;
  
  /* 文字の影（黒く縁取ってさらに読みやすく） */
  text-shadow: 
    2px 2px 0px #000000, 
    -1px -1px 0px #000000,
    1px -1px 0px #000000,
    -1px 1px 0px #000000,
    1px 1px 0px #000000;
}

/* ▼ 見出し（# の部分）の設定 */
h1, h2, h3, h4, h5, h6 {
  color: #00ffff;                 /* 文字を水色にする */
  text-shadow: 0 0 10px #0088aa;  /* 文字をぼんやり光らせる */
  padding-bottom: 5px;            /* 下の余白 */
  
  /* ▼ 元の線を消す設定 */
  border-bottom: none;
}

/* ▼ リンクの全状態（未訪問・訪問済・クリック中）を一括で変更 */
a, a:link, a:visited, a:active {
  color: #00ffff; /* ここを水色に固定 */
  text-decoration: none; /* 下線なし */
}

/* ▼ マウスを乗せたときのアニメーション */
a:hover {
  color: #ffffff; /* 白く光る */
  text-decoration: underline; /* 下線を出す */
  text-shadow: 0 0 8px #00ffff; /* ふわっと光らせる */
  transition: 0.2s;
}