.container.svelte-12qhfyh{color:#333;background-color:#f9f9f9;grid-template:"top top"150px"nav center"calc(100% - 210px)"bottom bottom"60px/300px calc(100% - 300px);height:100%;font-family:Arial,sans-serif;line-height:1.6;display:grid}header.svelte-12qhfyh{color:#fff;text-align:left;background-color:#333;flex-direction:row;grid-area:top;align-items:center;display:flex}header.svelte-12qhfyh .logo:where(.svelte-12qhfyh){margin:0 2em;display:inline-block}header.svelte-12qhfyh .logo:where(.svelte-12qhfyh) img:where(.svelte-12qhfyh){height:4lh}header.svelte-12qhfyh .heading:where(.svelte-12qhfyh){text-align:center;flex-grow:1;display:inline-block}nav{flex-direction:column;grid-area:nav;padding:1em;display:flex}main{grid-area:center;padding:1em;overflow:auto}footer.svelte-12qhfyh{color:#fff;text-align:center;background-color:#333;grid-area:bottom;padding:10px 0}footer *{color:#fff}.navBox{background:#fff;border:1px solid #ddd;border-radius:4px;margin:10px 0}.navBoxHead{text-align:center;background:#ccc;padding:5px;font-weight:700}.navBoxBody{padding:5px}.navBoxBody ul{padding-left:2em;list-style-type:disclosure-closed;list-style-position:outside}.navBox a{color:inherit;text-decoration:none}