body{
padding: 0px;
margin: 0px;
width: 100%;
}


@media screen and (min-width: 768px){

  canvas{
  width: 200px;
  }
}

@media screen and (min-width: 992px){
  canvas{
    width: 800px;
  }
}

@media screen and (min-width: 1200px){
  canvas{
    width: 1000px;
  }
}





canvas{
display:block;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}