body{margin:10px;text-align:center;font-family:work sans,sans-serif;font-weight:300;font-size:16px;background-color:#fff}h1{font-weight:300;margin-bottom:10px}.popup-wrapper{position:absolute;display:inline-block;left:0;right:0;margin:150px auto}.popup{display:inline-block;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.2);padding:20px;font-size:1.2em;min-width:200px}.choose{display:inline-block;margin:10px;height:100px;width:100px;line-height:100px;color:#fff;font-size:2em;font-weight:700;opacity:.7}.choose:hover{opacity:1;cursor:pointer}.scores>div,.scores>div>div{display:inline-block;line-height:30px;vertical-align:middle}.scores>div{margin:5px}.icon{width:30px;height:30px;background-color:#eee;font-weight:700;color:#fff;opacity:.5;text-transform:uppercase}.score{font-weight:700;width:24px;text-align:left}.board{width:100%;margin:10px auto}.space{width:30.3%;margin:1%;display:inline-block;vertical-align:middle;background-color:#eee;font-size:3.5em;font-weight:700;text-transform:uppercase;color:#fff}.space:hover{background-color:#f5f5f5}.x,.x:hover{background-color:#e57373}.o,.o:hover{background-color:#64b5f6}#reset{display:block;margin:14px auto 0;padding:12px;background-color:rgba(102,187,106,.8);color:#fff}#reset:hover{background-color:#66bb6a;cursor:pointer}.highlight{color:#000}@media screen and (min-width:430px){.board{width:400px}}