#page{display:grid;width:100vw;height:100vh;grid-template-areas:"head head" "nav main" "nav foot";grid-template-rows:4rem 1fr min-content;grid-template-columns:min-content 1fr}#page>#header{grid-area:head;z-index:400}#page>#nav{grid-area:nav;z-index:300}#page>#main{display:grid;grid-area:main;grid-template-areas:"ca";grid-template-columns:1fr;grid-template-rows:1fr;z-index:100;height:100%;position:relative;overflow:auto}#page>#main>#content{grid-area:ca;z-index:100;overflow:inherit;display:flex;flex-direction:column}#page>#footer{display:grid;grid-template-areas:"bc mai";grid-template-columns:1fr auto;grid-auto-flow:column;grid-area:foot;z-index:200;height:1.25rem}#page>#footer>#bc{grid-area:bc;height:100%}#page>#footer>#mai{grid-area:mai;height:100%}