html, body {
  margin: 0;
  padding: 0;
  background: #000;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
}

#scene-canvas, #particles-canvas {
  display: block;
}

[data-floating-photo] {
  will-change: opacity, transform;
}

::selection {
  background: rgba(0, 255, 255, 0.3);
}

/* キーボード操作時のフォーカス可視化。以前はリンク/ボタンにフォーカスリングの指定が
   なく、ブラウザ既定のアウトラインは黒背景でほぼ視認できなかった(キーボード操作者が
   今どこにフォーカスがあるか分からなくなる)。マウス操作時(:focus)には出さず、
   キーボード操作時(:focus-visible)のみ、サイトの発光色に合わせたシアンの光彩を出す。 */
a:focus-visible,
button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 0 0 4px rgba(103, 232, 249, 0.7);
  border-radius: 2px;
}