body{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-align:center}#board{width:400px;height:400px;border:10px solid darkgray;background-color:#d3d3d3;margin:0 auto;display:flex;flex-wrap:wrap}#board div{width:48px;height:48px;border:1px solid whitesmoke;font-size:30px;display:flex;justify-content:center;align-items:center}.tile-clicked{background-color:#a9a9a9}.x1{color:#00f}.x2{color:green}.x3{color:red}.x4{color:navy}.x5{color:brown}.x6{color:teal}.x7{color:#000}.x8{color:gray}#flag-button{width:100px;height:50px;font-size:30px;background-color:#d3d3d3;border:none}