body{margin:0}h1,h2,h3,h4,h5,h6{padding:0;margin:0}#not-supported{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#000;color:#fff}#app{background-color:#000;width:100vw;height:100vh;overflow:hidden;display:none}#top-bar{width:100vw;height:10vh}#top-bar-content{border:2px solid white;display:flex;color:#fff;justify-content:space-between;height:9vh}#top-bar-content-left{display:flex;align-items:center;padding-left:30px}#top-bar-content-right{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-right:10px}#canvas{visibility:hidden;overflow:hidden}#pause-menu{position:absolute;top:0;left:0;z-index:10;display:flex;visibility:hidden;width:100vw;height:100vh;align-items:center;justify-content:center}#pause-menu-outer-div{color:#fff;border:2px solid white;padding:10px;background-color:#000}#pause-menu-content{padding:50px 100px}#pause-menu-content-buttons{display:flex;flex-direction:column;gap:20px}#over-menu{position:absolute;top:0;left:0;z-index:10;display:flex;visibility:hidden;width:100vw;height:100vh;align-items:center;justify-content:center}#over-menu-outer-div{color:#fff;border:2px solid white;padding:10px;background-color:#000}#over-menu-content{padding:50px 100px}#over-menu-content-buttons{display:flex;flex-direction:column;gap:20px}#controls{visibility:hidden;background-color:#000;color:#fff;position:absolute;bottom:0;right:0;z-index:10;margin:30px;padding:50px 50px 20px;border:2px solid white}#controls-title{margin-bottom:40px}#controls-content{display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px 50px 50px 50px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}@media screen and (min-width: 1024px) and (min-height: 550px){#not-supported{display:none}#app{display:block}}