#graft {
    padding:0;
    margin:0;
    /* color: #eef */
    /* background-color: #112; */
}

div#repl {
    height: 100%;
    background-color: #112;
}

div#ostr {
    height: 100%;
    background-color: #224;
}

pre {margin:0; padding:0}

code#code {
    margin:0;
    overflow: auto;
}

.code {
    width: 100%;
    height: 100%;
}


/* Classes */

.tile {
    float: left;
    margin:0;
    padding:0;
    /* margin:10px; */
    /* padding: 0px 10px; */
    /* margin:0; */
    position: relative;
    width: 720px;
    height: 480px;
    border: 1px solid #111;

    /* resize: both; */
    /* overflow: auto; */
}

.pane {
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    background-color: #ebb;
}

canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 720;
    height: 480;
    background-color: #eee;
}

div.console {
    float: left;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 200px;
    height: 200px;
    background-color: #422;
    opacity: 0.3;
}

div.boom1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    /* z-index: 42; */
    background-color: #422;
}

div.boom2 {
    position: absolute;
    top: 20%;
    left: 0px;
    width: 100%;
    height: 50%;
    /* z-index: 42; */
    background-color: #242;
}