@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans+Condensed:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i|IBM+Plex+Serif:400,400i);body,html{min-width:375px;margin:0 auto;font-size:16px}body{background:#fff;font-family:IBM Plex Sans,sans-serif}.form-group{margin-bottom:10px}.form-control{display:inline-block}button{cursor:pointer}.root-grid{background:#fff;display:grid;grid-gap:0;grid-template-areas:"heading" "content" "footer";overflow:hidden}.heading{grid-area:heading;height:50px;z-index:1}.content,.heading{box-sizing:border-box}.content{grid-area:content;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:auto;z-index:0}.footer{grid-area:footer;box-sizing:border-box;z-index:1}@media only screen and (max-width:700px){.heading{display:none}.content{height:100vh;height:calc(var(--vh, 1vh) * 100)}.root-grid{grid-template-areas:"heading" "content" "footer"}}app-root{display:block}