body,html{margin:0;padding:0;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box}.flex-outer{width:100vw;height:100vh;display:flex;justify-content:center}.flex-inner{writing-mode:vertical-rl;width:100%;max-width:100%;height:100vh;border:1px dashed black;display:flex;align-items:center}.canv{position:relative;flex:1 0 1px;padding-block-start:100%}.canvasbox{position:absolute;top:0;left:0;height:100%;width:100%;writing-mode:horizontal-tb}.title-text{position:absolute;font:2em Lato,sans-serif;color:#fff;padding:5px}#webglCanvas{width:100%;height:100%;display:block;background-color:transparent;border:none}@media (max-aspect-ratio: 1/1){.flex-inner{writing-mode:horizontal-tb}}