@charset "UTF-8";html,body{height:100%;margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}body{display:flex;flex-direction:column}app-header{position:fixed;top:0;left:0;right:0;width:100%;height:6%;background-color:#2a5d91;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000;text-align:center}app-footer{position:fixed;bottom:0;left:0;width:100%;height:4%;background-color:#2a5d91;color:#fff;text-align:center;padding:.5rem;z-index:1000}main{flex:1;margin-top:6%;margin-bottom:4%;overflow-y:auto;padding:2rem}:root{--h:64px;--f:44px}:host{padding-top:var(--h);padding-bottom:var(--f)}.page-main{height:calc(80dvh - var(--h) - var(--f));overflow-y:auto}