:root{--header_font_size:16pt;--font_size:12pt;--code_font_size:11pt;--bottom_height:2em;--header_height:1.5em;--main_padding:.25em;--main_margin:1em;--code_color:#3d535f;--bar_bg_color:#3d535f;--bar_fg_color:#ccc;--bar_fg_highlight:#fff}@media (prefers-color-scheme:dark){:root{--background:#000;--text_color:#ddd;--links_color:#8da3af}}@media (prefers-color-scheme:light){:root{--background:#fff;--text_color:#333;--links_color:#4d636f}}body{margin:0;font-family:sans}body{background:var(--background);color:var(--text_color)}header>h1,header>nav>ul>li,#bgmn + label,#darkmode + label{padding:var(--main_padding)}header>h1,header>nav{line-height:var(--header_height);font-size:var(--header_font_size)}header>h1,header>nav>ul{margin:0}header>nav>ul{list-style-type:none;padding:0}a{text-decoration:none;color:var(--links_color)}header>h1{float:left}nav::after{content:"";display:block;clear:both}#bgmn{display:none}header,header a{background:var(--bar_bg_color);color:var(--bar_fg_color)}header>nav>ul>li.current,header>nav>ul>li.current a{color:var(--bar_fg_highlight)}header>nav>ul>li:hover a{color:var(--bar_fg_highlight)}@media only screen and (max-width:800px){#bgmn + label{float:right;width:1em;text-align:center}#bgmn + label:hover{cursor:pointer}header>nav>ul{clear:both}#bgmc,#bgmn:checked + label>#bgmo{display:none}#bgmn:checked + label>#bgmc{display:inline}header>nav>ul{display:none}#bgmn:checked~ul{display:block}}@media only screen and (min-width:800px){#bgmn + label{display:none}header>nav>ul{float:right}header>nav>ul>li{display:inline-block}}main{clear:both;margin:var(--main_margin);padding:var(--main_padding)}div.images{text-align:center}div.images>img{display:inline-block;margin:0 1em}@media only screen and (max-width:800px){div.images>img{display:none}div.images>img:first-child{display:inline-block;max-width:90%;margin:0}}div.buttons{text-align:center;margin:var(--main_margin) 0}div.buttons>a{display:inline-block;margin:0 1em;padding:.5em;width:12em;background:var(--bar_bg_color);color:var(--bar_fg_color)}div.buttons>a:hover{color:var(--bar_fg_highlight)}h2,h3{color:var(--links_color)}code{font-size:var(--code_font_size);color:var(--code_color)}table,tr,td,th{border:1px solid;border-collapse:collapse}