body{background:#f5f5f5;font-family:var(--font-family);font-size:var(--font-size-general)}.page-footer,.page-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:normal;align-content:stretch}.page-footer div,.page-header div{display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;width:100%}button{color:var(--button-color);cursor:pointer}div{padding:10px;border:1px dashed #999;margin:10px}.page-header{background:#bbb;padding:10px}.page-banner{background:#667fad;color:#fff;padding:10px;margin:10px 0}.page-navigation{background:#ddd;padding:10px;margin:10px 0}.page-content{background:#fff;padding:10px}.page-footer{background:#ccc;padding:10px}