html { height:100%; }
body { display:flex; flex-direction:column; height:100%; margin:0; padding:0; }
a { color:blue; }
.top { display:flex; flex-direction:row; border-bottom:solid 8px grey; padding:0.5rem; }
.top-left-col { flex:0.5; text-align:left; }
.top-right-col { flex:0.5; text-align:right; }
.left-col { position:relative; display:flex; flex-direction:column; }
#editor { flex:1; }
.main-left-bottom { padding:0.5rem; display:flex; align-items:center; }
.credits { flex:1; }
.button-container {}
.drag { cursor:grab; }
.right-col { position:relative; }
iframe { display:block; border:0; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; }
.hsplitter { flex: 1; }