/* style.css */

/* 日本語の文字詰め設定。これを入れると日本語が美しく見えます */
body {
  font-feature-settings: "palt";
  letter-spacing: 0.05em; /* 文字の間隔を少し広げて読みやすく */
}

/* スクロールバーのカスタマイズ (Chrome, Safari, Edge用) */
::-webkit-scrollbar { 
  width: 8px; /* スクロールバーの太さ */
}

/* スクロールバーの背景色 */
::-webkit-scrollbar-track { 
  background: #0f172a; 
}

/* スクロールバーの動く部分の色 */
::-webkit-scrollbar-thumb { 
  background: #334155; 
  border-radius: 4px; /* 丸みを持たせる */
}

/* スクロールバーにマウスを乗せた時の色 */
::-webkit-scrollbar-thumb:hover { 
  background: #475569; 
}

/* 画像読み込み前のチラつきを防止する設定 */
img {
  transition: opacity 0.3s ease-in-out;
}