[site-theme=light]{--bg-color:white;--text-color:black;--h1-color:#8800aa;--h2-color:#0000cc;--h3-color:#115099;--h4-color:#008888;--h5-color:#990099;--h6-color:#770077;--link-color:blue;--code-border-width:2px;--code-border-color:black;--button-bg-color:#fafafa;--display-light-icon:block;--display-dark-icon:none}[site-theme=dark]{--bg-color:#121212;--text-color:white;--h1-color:#9900ff;--h2-color:#9999ff;--h3-color:#99ccff;--h4-color:#99ffff;--h5-color:#ff66ff;--h6-color:#ff99ff;--link-color:#3399ff;--code-border-width:1px;--code-border-color:grey;--button-bg-color:#1d1d1d;--display-light-icon:none;--display-dark-icon:block}svg.light-mode{display:var(--display-light-icon);cursor:pointer}svg.dark-mode{display:var(--display-dark-icon);cursor:pointer}body{background:var(--bg-color);color:var(--text-color);font-family:sans-serif;line-height:1.5;padding:10px;text-align:justify;text-justify:auto}@media(min-width:480px){body{max-width:768px;margin:auto}}header{border-bottom:1px solid gray;margin-bottom:1rem}footer{border-top:1px solid gray;margin-top:1rem}h1,h2,h3,h4,h5,h6{text-align:center}h1{color:var(--h1-color)}h2{color:var(--h2-color)}h3{color:var(--h3-color)}h4{color:var(--h4-color)}h5{color:var(--h5-color)}h6{color:var(--h6-color)}a{color:var(--link-color);text-decoration:none;overflow-wrap:anywhere;word-break:normal}img{max-width:90%;margin:auto;padding:20px;display:block}svg{fill:var(--text-color)}pre{padding:10px;margin:auto;max-width:600px;border-style:solid;border-width:var(--code-border-width);border-color:var(--code-border-color);border-radius:5px;white-space:pre;overflow-x:auto}table{margin:auto;border-collapse:collapse}th,td{border:1px solid;padding:0 4px}*{transition:background 300ms}