:root {
  --main-cl: #444444;
  --body-bg: #fff;
  --main-bg: #f5f5f5;
}
@media (prefers-color-scheme: dark) {
  :root {
    --main-cl: #ddd;
    --body-bg: #000;
    --main-bg: #222;
  }
}


body {
  background: var(--body-bg);
}

main {
  width: 100%;
  padding: 25px 0;
  background: var(--main-bg);
  color: var(--main-cl);
  font-family: 'M PLUS 1p', sans-serif;
}

h3 {
  font-family: 'Noto Sans JP', sans-serif;
  padding: 25px 0;
}

code {
  color: var(--main-cl);
}

#bbtn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: var(--main-cl);
  border-radius: 6px;
  padding: 6px 3px;
  z-index: 3;
}