main{position:absolute}canvas{z-index:1}body{margin:0;background-color:#222}canvas{width:100vw;height:100vh;display:block}.base{position:absolute;display:flex;align-items:center;justify-content:center}#msg{display:flex;padding:10px 50px;z-index:2;position:absolute;background-color:rgba(200,200,200,0);color:#000;font-size:18px;font-family:'Courier New',Courier,monospace;font-weight:100;letter-spacing:3px;margin:auto;height:max-content;width:50%;min-width:90vmin;text-align:center;align-items:center;justify-content:center;line-height:1.5}#msg p{position:relative;margin:auto;vertical-align:middle}@media only screen and (max-width:400px){#msg{top:20%}}