.boardBox{width:97vw;height:97vh;overflow:hidden;border:1px solid #ddd;border-radius:8px;background:#fff;margin:8px}#canvas{background-color:#fff}.footer-bar{background:url(../../static/img/logo-b.487b7ffd.png) 50% no-repeat;background-size:10%;position:relative}.footer-bar div{width:50px;height:30px;z-index:1;border-radius:50%;background:#fff;font-size:18px}.footer-bar img{max-width:50px;max-height:50px;border-radius:50%;overflow:hidden;transition:all .3s}.footer-bar img:active,.footer-bar img:hover{box-shadow:0 4px 8px 0 rgba(7,17,27,.1);transform:scale(.9)}.footer-bar div.reset{color:#333}@media only screen and (orientation:portrait){.sign-wrap{display:flex;align-items:center}.footer-bar{position:fixed;right:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:4rem 0}.footer-bar div{transform:rotate(-90deg)}}@media only screen and (orientation:landscape){.footer-bar{position:fixed;bottom:0;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:0 4rem;box-sizing:border-box}.footer-bar div{margin:.8rem 0}}