body { background-color: #999999; overflow: hidden; font: 12px 'Syncopate', sans-serif;}
	#draw { height: 500px; }
    #synthbox { 
        position:relative; width: 893px; height: 380px; background: #222222; border: 3px solid blue; border-radius: 10px}
    .loaded#synthbox { border-color: #AAA;}
/*
    webaudio-knob { margin-left: 8px;}
*/
    .error#synthbox { border-color: red;}
    .section { position: absolute; }
    .knobContainer { 
        position:absolute; 
/*        width: 100px; 
        height:100px; 
*/        overflow: visible;
        display: flex;
        flex-direction: column;
        align-items: center
        ;}
    .knobLabel {
    /* 
        position:absolute; 
        left: 0px; 
        top: 85px; 
        width:100px; 
        */
        font-weight: bold; 
        text-align: center; 
        color: white }
    .section { color: white; }
    .dropdownContainer { position:absolute; }
    .dropdownLabel { position:absolute; left: 3px; top:0px; font-weight: bold;}
    .dropdownSelect { position:absolute; left: 0px; top:15px; font: 12px 'Syncopate', sans-serif;}
    #keybox {width:910px; margin-left: -7px; text-align: center;}
    #blackkeys { position: absolute; z-index: 2; padding-left: 10px; margin-left: 41px; width:806px; height: 0px;}
    .key { display:inline-block; }
    .black { background: black; width: 40px; height: 150px; margin: 0px 11px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
    .spacer { display:inline-block; width: 62px; height: 150px; }
    .white { background: white; width: 60px; height: 250px; border: 1px solid black; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
    .pressed { background: gray }
    #githubnotice { width:910px; text-align: center; font-size: 14px; margin-top: 10px; font-weight: bold;}
    #MIDIPlugin { visibility: hidden; }
    select { width: 80px; }