*{margin:auto}h1{font-size:45px}.mobile{display:none}.desktop{margin:0;width:100%}.noPieceHere{background-color:#f0d2b4}td{text-align:center;background-color:#ba7a3a;width:65px;height:65px}.black-piece{width:40px;height:40px;padding:12px;background-color:#000;border:none;border-radius:50px}.red-piece{width:40px;height:40px;padding:12px;background-color:red;border:none;border-radius:50px}.available-move{width:25px;height:25px;padding:12px;background-color:gray;border:none;border-radius:50px;pointer-events:none}.king.red-piece{background-color:orange}.king.black-piece{background-color:purple}p{display:inline-block}#divider{font-size:90px;margin-left:15px;margin-right:15px}span{display:inline-block}@media screen and (max-width: 560px){.red-piece,.black-piece{height:4.5vw;width:4.5vw}td{width:12vw;height:12vw}.red-turn-text,.black-turn-text{font-size:40px}table{margin:0}.mobile{display:block}.desktop{display:none}}@media screen and (max-width: 380px){.red-piece,.black-piece{height:3vw;width:3vw}}@media screen and (max-width: 345px){.red-piece,.black-piece{height:2.5vw;width:2.5vw}}@media screen and (max-width: 300px){.red-piece,.black-piece{height:1.5vw;width:1.5vw}.red-turn-text,.black-turn-text{font-size:35px}}body{font-family:-apple-system,".SFNSText-Regular",Helvetica Neue,Roboto,Segoe UI,sans-serif}.talk-bubble{display:inline-block;position:relative;width:200px;height:auto;background-color:#e0f9ff}.tri-right.border.left-in:before{content:" ";position:absolute;width:0;height:0;left:-40px;right:auto;top:30px;bottom:auto;border:20px solid;border-color:#666 #666 transparent transparent}.tri-right.left-in:after{content:" ";position:absolute;width:0;height:0;left:-20px;right:auto;top:38px;bottom:auto;border:12px solid;border-color:rgb(224,249,255) rgb(224,249,255) transparent transparent}.talktext{padding:1em;text-align:left;line-height:1.5em}.talktext p{-webkit-margin-before:0em;-webkit-margin-after:0em}#main{text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}.depth{font-size:15px}#restartButton,#pdnButton{box-sizing:border-box;height:50px;border:1px solid dodgerblue;margin:auto;border-radius:10px;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#1e90ff;color:#fff;font-size:20px;cursor:pointer}ul{list-style:none}li{display:inline-block;margin-right:10px;margin-bottom:10px}
