.table-container{z-index:10}.arch-container{z-index:10;position:relative;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.arch-container img{width:50px;height:17px}.table-btn{margin:10px}.warp-container,.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap{padding:0 5%;height:100vh;position:relative;z-index:2}.wrap div{-webkit-box-shadow:2px 2px 6px -2px rgba(0,0,0,.75);box-shadow:2px 2px 6px -2px rgba(0,0,0,.75)}.wrap2{padding:0 5%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;top:0;z-index:1;background-color:"white"}#mycanvas{border:1px solid #854dff}#mycanvas,#mycanvas2{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.pointer{cursor:pointer}li.pass{color:green}li.fail{color:red}.tables{width:10%;position:absolute;top:0;left:0;z-index:3}.hand{cursor:move}.card{margin:10px;width:50px;height:50px;background-color:#b3acac;display:-webkit-box;display:-ms-flexbox;display:flex}.card,.control{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control{z-index:3;height:100%;width:10%;position:absolute;top:0;right:0}.control-btn{z-index:3;height:50%;width:10%;margin:10px}button{padding:10px}.round{border-radius:50%}