:root{--main-bg-color:#f3f4f6;--main-font-color:#1f2937;--code-bg-color:#e5e7eb;--code-font-color:#000}body{background-color:var(--main-bg-color);color:var(--main-font-color);margin:8px;font-family:Arvo,serif;font-size:16px;line-height:1.5rem}h1,h2,h3,h4{margin-block:1em .5em;line-height:1.2em}.navbar{align-items:center;margin-bottom:18px;display:flex}.navbar h1{margin:0;font-size:32px}.navbar .navbar-button{color:#000;background-color:#89bfd3;border-radius:4px;align-self:stretch;align-items:center;padding:10px;font-size:15px;text-decoration:none;display:flex}.navbar .navbar-button:hover{box-shadow:6px 6px #000}.navbar .editor{margin-left:auto;margin-right:1rem}.navbar .github{gap:5px}.subtitle{margin:0 0 18px;font-size:20px}pre{background-color:var(--code-bg-color);color:var(--code-font-color);border-radius:4px;padding:12px 16px;overflow-x:auto}code{font-size:14px}code a{color:unset}p code,table code{background-color:var(--code-bg-color);color:var(--code-font-color);border-radius:4px;padding:2px 5px}a{color:#00f}a:hover{text-decoration:none}a:visited{color:#00f}#container{max-width:650px;margin:0 auto}#container2{max-width:900px;margin:0 auto}#faces{grid-gap:2px;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}#faces div{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#bbb, var(--main-bg-color));aspect-ratio:2/3}#faces div svg{display:block}#faces div:hover{background:linear-gradient(#aaa, var(--main-bg-color))}#faces .big{grid-area:1/3/3/5}@media (width>=666px){#faces{aspect-ratio:unset;grid-template-columns:1fr 1fr 1fr 1fr 1fr}#faces .big{grid-area:1/4/3/6}}.hide-sm{display:none}@media (width>=666px){.hide-sm{display:block}}table{border-collapse:collapse}table td,table th{border:1px solid #bbb;padding:.25em .5em}