body {
    margin: 0;
    padding: 0;
    font-family: verdana, sans;
    background-color: #fff;
    font-size: 80%;
    line-height: 1em;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

canvas {
    background-color: linen;
    display: block;
    width: 1200px;
    margin: 2em auto 0 auto;
/*    border: 1px solid black;*/
}

label{
    padding: 0;
    margin: 0;
    font-size: 90%;
}

input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0.25em;;
    vertical-align: middle;
    cursor: pointer;
}

input[type="range"] {
    display: inline-block;
    width: 100px;
    height: 20px;
    vertical-align: middle;
}


.todo{
    color: red;
}
#canvasWrapper {
    margin-bottom: 20px;
    padding: 0;
    display: inline-block;
    width: 100%;
    bottom: 0 
    /*
    height: 65%;
    min-height: 65%;
*/
}

#formWrapper {
    position: relative;
    width: 200%;
    left: -50%;
    text-align: center;
}