#canvas1
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 600px;
    transform: translate(-50%, -50%);
    border: 2px solid black;
}

.container{
    position: absolute;
    left:50%;
    top:50%;
    width: 200px;
    height: 600px;
    transform: translate(250%, -50%);
    border: 2px solid black;
}

.button1, .button2, .button3, .button4, .button5, .legends, .description{
    position: relative;
    display: block;
    margin: 10px;
}