index.css

html{background:#E0E0E0;}html body{margin:0;}html body main{border:2px solid #D0D0D0;border-top:none;border-bottom:none;background:#FFFFFF;max-width:1024px;margin:0 auto;padding:1em 1em 5em 1em;}html body main h1,html body main h2,html body main h3,html body main h4,html body main h5,html body main h6{margin:.5em 0 0 0;}html body main h1{font-size:2.0em;}html body main h2{font-size:1.5em;}html body main h3{font-size:1.2em;}html body main img{max-width:100%;}html body main code{background:#F8F8F8;border:1px solid #F0F0F0;}html body main code pre{margin:0;}html body main blockquote{border-left:3px solid #D0D0D0;margin:0;padding-left:0.5em;}html body main blockquote cite{display:block;text-align:right;}html body main blockquote cite:before{content:"— ";}html body main .example{display:flex;}html body main .example >*{flex-grow:1;width:50%;padding:.5em;}html body main .example >code pre{white-space:pre-wrap;word-wrap:break-word;}html body main .example >article{border:1px solid #F0F0F0;}html body main .example >article img,html body main .example >article audio,html body main .example >article video{max-width:100%;}html body main ul >li>p:first-child,html body main ol >li>p:first-child{margin:0;}html body main ul >LI>P,html body main ol >LI>P{margin:1em 0 0 0;}@media (max-width:800px){html body main .example{flex-direction:column;}html body main .example >*{width:inherit;}html body main .example >code{border-bottom:1px solid black;}}