*{-webkit-box-sizing:border-box;box-sizing:border-box}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:100%}#canvasdiv{width:600px;height:600px;margin:2em auto 2em auto;padding:0;border:1px solid #444;background-color:#f9f9f9}canvas{width:600px;height:600px;margin:0;padding:0}@media (max-width: 1920px){#canvasdiv,canvas{width:500px;height:500px}}@media (max-width: 1024px){#canvasdiv,canvas{width:440px;height:440px}}@media (max-width: 414px){#canvasdiv,canvas{width:380px;height:380px}}@media (max-width: 380px){#canvasdiv,canvas{width:330px;height:330px}}@media (max-width: 320px){#canvasdiv,canvas{width:270px;height:270px}}