:root{--divider-colour: #cec9d4;--header-bg: #262527;--header-fg: #efebf2;--menu-bg: #efebf2;--content-bg: #fbfafc;--logo-white: white;--logo-red: red;--logo-yellow: yellow;--logo-green: lightgreen;--logo-cyan: cyan}:root{--header-height: 3rem;--neg-header-height: -3rem;--menu-width: 20rem;--page-level-padding: .5rem;--page-level-left-padding: 1.5rem;--content-top-padding: 2.5rem;overflow:hidden}html{height:100%}body{padding:0;margin:0;padding-top:var(--header-height);height:100%}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);border:1px solid var(--divider-colour);padding:var(--page-level-padding);padding-left:var(--page-level-left-padding);background-color:var(--header-bg);color:var(--header-fg)}.container{height:calc(100% - var(--header-height));display:flex;flex-direction:row}.menu{flex-grow:0;flex-shrink:0;width:var(--menu-width);padding-left:1rem;border-right:1px solid var(--divider-colour);background-color:var(--menu-bg);padding:var(--page-level-padding);padding-left:var(--page-level-left-padding);padding-top:var(--content-top-padding);display:flex;flex-direction:column}.menuItem{font-size:18px;padding:.2rem}.contentHolder{flex-grow:1;flex-shrink:1;height:100%;text-wrap:balance;padding:var(--page-level-padding);padding-top:var(--content-top-padding);display:flex;overflow:auto;background-color:var(--content-bg)}.content{height:2000px;width:100%}.logo{font-family:Courier Prime,monospace;font-weight:700;font-style:normal;font-size:48px;color:var(--logo-white)}.red{color:var(--logo-red)}.yellow{color:var(--logo-yellow)}.green{color:var(--logo-green)}.cyan{color:var(--logo-cyan)}