html,body{padding:0;margin:0}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f0f0f0;border-bottom:1px solid black}h1{font-family:Roboto,sans-serif;font-size:1.5em;margin:0;padding:1em;background-color:#f0f0f0}.btn-cont{display:flex;flex-direction:row;justify-content:center;margin:1em;border-radius:50%;background-color:#000;cursor:pointer;width:2em;height:2em;line-height:2em}.nav-btn{text-align:center;background-color:transparent;border:none;font-weight:700;font-size:larger;color:#fff}.container{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:calc(100vh - 100px)}iframe{border:none;width:100%;height:100%}.doc{flex-basis:33%;overflow:auto;height:100vh;font-family:Roboto,sans-serif}.doc-content{padding:1em}#webviewer{flex-direction:column;flex-grow:2;height:100%;display:flex;border-right:1px dotted black;overflow-y:hidden;margin:0}.run{cursor:pointer;color:#00f}