html {
    /* overflow: hidden; */
}
body {
    /* height:100%; */
    padding:0px;
    margin:6px;
    font:1em Verdana, Helvetica, "Sans Serif";
    background-color:#eee;
}
iframe {
    border-width: 0px;
}
button {
    margin: 3px;
}
textarea {
    width: 100%;
    height: 14em;
}
.nodisplay {
    display: none;
}
.result {
    display: flex;
}
.result-child {
    flex: 1;
    border: 2px solid #999;
}
.error {
    border: 3px solid red;
}
#button {
    width: 10em;
    height: 2em;
    font-weight: bolder;
} 
.north {
    position:absolute;
    top:0px;
    bottom:56px;
    left:0px;
    right:0px;
    min-height:300px;
    overflow:auto;
}
.south {
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    height:56px;
}