*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{display:grid;grid-template-columns:1;grid-template-rows:1;--canva-padding:.75rem;width:100vw;min-height:100vh}#app{postion:relative;padding:var(--canva-padding);height:100%}#app>canvas{border:.25rem solid #000;border-radius:4px}@media (min-aspect-ratio:16/9){#app>canvas{position:absolute;height:100%;left:50%;transform:translate(-50%)}}@media not (min-aspect-ratio:16/9){#app>canvas{position:absolute;width:calc(100% - var(--canva-padding)*2);top:50%;transform:translateY(-50%)}}
