html, body { margin: 0; font-size: 1.125rem; line-height: 1.4; } .title { text-align: center; margin-top: 32px; margin-bottom: 0; } .meta { text-align: center; margin-bottom: 32px; } .contents { max-width: 800px; margin: 0 auto; margin-bottom: 64px; padding: 0 32px; } .intro { background-color: tomato; border-radius: 16px; padding: 16px; } h2 { margin-top: 0; margin-bottom: 16px; font-weight: normal; } ul { margin: 16px 0; padding: 0; list-style: none; } li + li { margin-top: 0.25em; } a { color: tomato; } a::after { content: "⤴"; } .process { margin: 32px auto; } pre.prettyprint { padding: 8px !important; font-size: 14px; white-space: pre-wrap; } .result { margin: 32px auto; width: 100%; text-align: justify; } .text1 { color: currentColor; } .text2 { color: dodgerblue; } .result span::after { content: " "; } .demo { margin-top: 32px; } .video-demo { width: 100%; } video { border: 1px solid tomato; margin: 0 auto; max-width: 100%; }