body {
    font-family: Sans-Serif;
}

#fork {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.legend {
    width: 10em;
    border: 1px solid black;
}

.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
}

.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

#testcase {
     width: 100%;
     height: 300px;
     margin: auto auto;
     padding: 10;
   
}

#canvas-holder {
     width: 50%;
     padding: 0;
     position: absolute;
}

#pieLegend {
     width: 35%;
     display: block;
     float: right;
}