*{box-sizing:border-box;border:0;outline:0;margin:0;padding:0;font-family:Inconsolata,monospace;font-size:1em}body{color:#fbf1c7;background:#282828}.InputBuffer{color:#282828;background:#ebdbb2;width:100%;padding:1em 1.5em;font-family:Inconsolata,monospace;display:block}.OutputBuffer{list-style:none}.OutputBuffer li{padding:1em 1.5em}.OutputBuffer li:hover{background:#3c3836}.OutputBuffer li.error{color:#cc241d}.OutputBuffer li.input{color:#a89984}.StackDisplay{color:#fbf1c7;background:#000;list-style:none}.StackDisplay li{padding:1em 1.5em}.StackDisplay li:hover{background:#1d2021}.App{grid-template:"header header""main sidebar"/5fr 1fr;display:grid;overflow:hidden}.App>h1{color:#928375;background:#3c3836;grid-area:header;width:100%;padding:1em 1.5em;display:block}.App>.main,.App>.StackDisplay{height:calc(100vh - 3em);min-height:calc(100vh - 3em);max-height:calc(100vh - 3em);overflow-y:scroll}.App>.main{grid-area:main}.App>.StackDisplay{grid-area:sidebar}