h1 {
    text-align: center;
    font-size: 4em;
    margin: 1em 0;
}

p {
    text-align: center;
    font-size: 2em;
    margin: 1em 0;
}
   

/* 質問画像配置 */

#nav {
  display: flex; /* 子要素を横並びに配置する */
  justify-content: center; /* 子要素全体を水平方向に中央揃えにする */
  gap: 20px; /* 子要素（画像リンク）間の間隔を30pxに設定する */
  list-style: none; /* リストのデフォルトのマーク（黒点）を非表示にする */
  padding: 0; /* リストのデフォルトの余白を削除する */
  margin: 0; /* リストのデフォルトの余白を削除する */
}

#nav a {
  /* リンクがFlexアイテムとして適切に振る舞うように設定します。 */
  /* 現状でも画像が表示されますが、より確実にするために指定することがあります。 */
  display: block; 
  text-decoration: none; /* リンクの下線を非表示にする */
  /* 必要に応じて、画像自体に高さや幅の調整を行う場合は img タグに対して指定します */
}

#nav a img {
  display: block; /* 画像がインライン要素であることによる余白を防ぎます */
  max-width: 100%; /* 親要素の幅を超えないように調整します */
  height: auto; /* アスペクト比を維持します */
}