:root{--page-bg: #090019;--diatomic-nonmetal-bg-color: #ffcc00;--noble-gas-bg-color: #fb9d99;--alkali-metal-bg-color: #f95353;--alkaline-earth-metal-bg-color: #ff9933;--metalloid-bg-color: #01a23b;--polyatomic-nonmetal-bg-color: #8cc53f;--transition-metal-bg-color: #99afca;--post-transition-metal-bg-color: #6c90c9;--lanthanide-bg-color: #63c1da;--actinide-bg-color: #05aec2;--experimental-bg-color: gray}body{background:var(--page-bg);padding:6vh 3vw;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin:auto;color:#eee}a{color:#6495ed;text-decoration:none}a:hover{color:orange}code{overflow-wrap:break-word;padding:1pt 3pt;border-radius:3pt;font-size:1.3em;background-color:#000}pre code{background-color:transparent}pre{border-radius:1ex;font-size:.7em}blockquote{border-left:3pt solid cornflowerblue;padding:1px 8pt;background:rgba(255,255,255,.2);margin:1em 0}button{cursor:pointer;border:none}:where(h1,h2,h3,h4,h5,h6){scroll-margin-top:100px}:where(h2,h3,h4,h5,h6) a[aria-hidden=true]{transition:.3s;margin-left:4pt;opacity:0}:where(h2,h3,h4,h5,h6):hover a[aria-hidden=true]{opacity:1}