*{box-sizing:border-box}body{background:rgba(0,0,0,.1);margin:0 auto;padding:0;width:960px}.circuit{width:52%}svg{display:block;margin:0 auto}svg path{fill:#000;fill-opacity:.075;stroke:#000;stroke-width:.125px}svg circle.accelerating{fill:green}svg circle.braking{fill:red}svg circle.maxSpeed{fill:purple}.controls{font-family:sans-serif;width:50%;position:absolute;right:3em;top:2em}.controls .control{margin:1em 0}.controls .control .title{width:28%;display:inline-block;text-align:right;font-weight:700}.controls .control input{width:60%}.controls .legend{margin:0 0 2em 0;font-size:.8em;width:100%;overflow:hidden}.controls .legend p{float:left;padding-right:3em}.controls .legend p span{display:inline-block;padding-right:.5em}.controls .legend p span.accelerating{color:green}.controls .legend p span.braking{color:red}.controls .legend p span.maxSpeed{color:purple}