html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";height:100%}html,body{padding:0px;margin:0px}body{grid-template-columns:20rem 1fr;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}button{font-size:inherit;font-family:inherit;cursor:pointer}.site-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-right:1rem}.logo{max-width:10rem}button.site-header-button{background-color:#333;color:#8cb1e6;padding:1rem 1.5rem;font-weight:500;border-style:none}button.site-header-button:hover{background-color:#444}button.site-header-button:active{background-color:#555}footer{background-color:#333;color:#8cb1e6;padding:1rem}a.footer-link:link,a.footer-link:visited,a.footer-link:hover,a.footer-link:active{color:#8cb1e6}main{flex-grow:1;background-color:#ccc;grid-column:2;padding:1rem}