#canvas_holder { position:absolute; left:10px; top: 100px; width: 66px; height:50px ;border: 1px solid white;  transition: width  0.2s ease-in-out,height 0.2s ease-in-out, opacity 0.2s ease-in-out, background 0.2s ease-in-out;  }
#canvas_holder:hover { width: 400px; height:300px ; background: white; opacity: 0.5;}
body {overflow: hidden; }
#segments { width: 100%; height:100%;}
#fractal { position:absolute; left:0px; top:0px ; display:block; z-index: -2; }
#percent { position: absolute; left: 0px; right: 0px; height: 3px; top: 0px;}
#buttons {display: inline-block; opacity: 0; transition: opacity 0.2s ease-in-out; position: absolute; left: 0px; top: 0px; }
/*#segments:hover~#buttons { opacity: 1; cursor: pointer; }*/
#percent div { background: white; width: 0%; height:3px;}