pre {
  display: block;
  width: 80%;
  margin: 0 auto;
  background-color: transparent;
  background: rgba(200, 200, 200, 0.04);
  padding: 0.5em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: "Open Sans", sans-serif;
}

:lang(ja) {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",
    YuGothic, Meiryo, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
}

iframe {
  max-width: 100%;
}

@media (max-width: 600px) {
  iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}