html {overflow-y: scroll}
img{  width: 85%;  height: auto;  display: block; margin-left:auto;margin-right:auto}
	.with-text {  float: right;  max-width:50%;  height: auto; } 

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class="img"] {
        max-width: 40%
    }
  }
  
body{max-width:800px;margin:40px auto;padding:0 10px;font:18px/1.75 monospace;color:#444}h1,h2,h3{line-height:1.2}@media (prefers-color-scheme: dark){body{color:white;background:#444}a:link{color:#5bf}a:visited{color:#ccf}}
p > code{color: #FFFFFF; background:#000000; padding:2px}
pre{color: #FFFFFF; background:#000000; padding:24px; white-space: pre-wrap}
article{padding:24px 0}
.center {display: block;margin-left: auto;margin-right: auto;width: 100%;}