html{color-scheme:light dark;font-family:sans-serif}html:has([value=light]:checked){color-scheme:light}html:has([value=dark]:checked){color-scheme:dark}h1.title{margin-bottom:0}@media screen and (min-width: 1200px){body{max-width:800px;margin:0 auto}img{width:25%}}.float.left{float:left}.float.right{float:right}.clear{clear:both}.right{text-align:right}.center{text-align:center}object{width:100%;text-align:center;height:500px}@media screen and (max-width: 1200px){img{width:50%}}p:has(img),p:has(object){overflow:auto}p:has(object){text-align:right}table *{padding:0 .5em;font-family:mono}tr:nth-child(odd){background-color:#eee}.row{display:flex;margin-bottom:3em}.column{flex:50%}.col12{flex:100%;margin-bottom:3em}