style.css

body, .tooltip {
  font-family: 'SF Pro Text', 'Inter', 'Noto Sans JP', system-ui, sans-serif
}
pre, code {
  font-family: 'Fira Code', 'SF Mono', 'Noto Sans JP', ui-monospace, monospace, sans-serif;
}

.user-drag-none {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

#backgroundFluidDiv {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  visibility: visible;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,1.0);
  z-index: -1000;
  background-image: url('https://placehold.jp/a0a0a0/000000/3072x4096.png');
  /* background-attachment: fixed; */
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

#backgroundFilterLayerDiv {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  visibility: visible;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,0.5);
  z-index: -999;
}

#topTitleDiv {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#topTitleH1Big {
  font-size: calc(1.875rem + 2.375vw);
}