body,html{background-color:#000;color:#fff;font-family:Arial,sans-serif;font-size:16px;height:100vh;margin:0;overflow:hidden;width:100%}*{box-sizing:border-box}.app{background:radial-gradient(circle at center,#000 0 50%,#333);min-height:100vh;overflow:hidden}.app,.soon-box{display:flex;flex-direction:column;width:100%}.soon-box{align-items:center;height:100vh;justify-content:center}.soon-box__title{color:#fff;font-size:10vw;letter-spacing:.1em;text-shadow:2px 2px 4px #fcc;text-transform:uppercase}.soon-box__desc{color:#d4c7c9;font-size:2vw;letter-spacing:.3em;margin-top:50px;text-transform:lowercase}.header{background-color:#333;color:#fff;height:48px}.header,.header__box{align-items:center;display:flex;justify-content:center}.header__box{padding:0 16px;width:100%}.header-logo{align-items:flex-end;display:inline-flex}.header-logo__name{color:#fff;margin-right:4px}.header-logo__brand,.header-logo__name{align-items:center;display:inline-flex;font-size:14px}.header-logo__brand{color:#ccc}.draw-box{display:flex;flex-grow:1;flex-shrink:0}.canvas-box{background-color:#555;display:flex;max-height:100%;max-width:100%;min-width:0;width:100%}