body {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.2rem); /* 文字サイズを画面幅に応じて調整 */
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; /* 日本語も考慮したフォント指定 */
  line-height: 1.5; /* 行間を1.5倍に設定して読みやすく */
  color: darkolivegreen; /* テキスト色をオリーブ色に設定 */
  background-color: linen; /* 画像が無い場合の背景色をライトピンクに設定 */
  background-image: url('life160.png'); /* 背景画像を全面に配置 */
  margin: 0; /* 余白なし */
  padding: 0; /* 内側余白なし */
}
header {
  background: darkgoldenrod; /* ヘッダーの背景色（濃いグレー） */
  color: #fff; /* ヘッダー内テキスト色（白） */
  padding: 1em; /* ヘッダー内の余白 */
}
nav ul {
  list-style: none; /* リストマーカーを消す */
  display: flex; /* 横並びにする */
  gap: 1em; /* メニュー項目間の隙間 */
  padding: 0;
  margin: 0;
}
nav a {
  color: white; /* メニューリンクの色 */
  text-decoration: none; /* リンクの下線を消す */
}
main {
  padding: 2em; /* メインコンテンツの内側余白 */
}
footer {
  text-align: center; /* フッター内のテキスト中央揃え */
  padding: 1em; /* フッターの内側余白 */
  background: floralwhite; /* フッター背景色（薄いグレー） */
}