html {
    width: 100%;
    height: 100%;
    background-color: whitesmoke;
    padding: 0;
    margin: 0;
    border: none;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
    color: black;
    font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
    background-color: red;
}

#gui {
    width: 100%;
    height: 100%;
}

.block {
    width: 100%;
    min-height: 10%;
    background-color: #ddffdd;
}

nav {
    background-color: #e6db74;
}

nav > ul li {
    list-style: none;
    display: inline;
    padding: 0 10px;
}

/* console */
#console {
    font-size: 14px
}
#console div.jquery-console-inner {
    width:900px;
    height:200px;
    background:#333;
    padding:0.5em;
    overflow:auto
}
#console div.jquery-console-prompt-box {
    color:#fff;
    font-family:monospace;
}
#console div.jquery-console-focus span.jquery-console-cursor {
    background:#fefefe;
    color:#333;
    font-weight:bold
}
#console div.jquery-console-message-error {
    color:#ef0505;
    font-family:sans-serif;
    font-weight:bold;
    padding:0.1em;
}
#console div.jquery-console-message-value {
    color:#1ad027;
    font-family:monospace;
    padding:0.1em;
}
#console div.jquery-console-message-type {
    color:#52666f;
    font-family:monospace;
    padding:0.1em;
}
#console span.jquery-console-prompt-label {
    font-weight:bold
}
#console div.jquery-console-message {
    color: #ddffdd;
    font-family: monospace;
}