body{margin:0;background-color:#242424}*{color:#fff;margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:5rem;margin-bottom:.5em}h2{margin-top:1em;font-size:2rem;margin-bottom:.5em}.play-area{display:grid;width:700px;height:700px;grid-template-columns:auto auto auto}.smallboard{display:flex;width:233.33px;height:233.33px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:3rem;font-weight:700;transition:background .2s ease-in-out;padding-top:10px;padding-bottom:10px}.sb0,.sb1,.sb2,.sb3,.sb4,.sb5{border-bottom:3px solid pink}.sb0,.sb3,.sb6,.sb1,.sb4,.sb7{border-right:3px solid pink}.sb6,.sb7,.sb8,.sb3,.sb4,.sb5{border-top:3px solid pink}.sb2,.sb5,.sb8,.sb1,.sb4,.sb7{border-left:3px solid pink}.block{display:flex;width:70px;height:70px;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:2px solid rgb(255,255,255);transition:background .2s ease-in-out}.block:hover{cursor:pointer;background:#0ff30f}.occupied:hover{background:#ff3a3a}.win,.win:hover{background:#0ff30f}.block_0,.block_1,.block_2{border-top:none}.block_0,.block_3,.block_6{border-left:none}.block_6,.block_7,.block_8{border-bottom:none}.block_2,.block_5,.block_8{border-right:none}#game button{outline:none;border:4px solid green;padding:10px 20px;font-size:1rem;font-weight:700;background:none;transition:all .2s ease-in-out}button:hover{cursor:pointer;background:green;color:#fff}.playerWin{color:green}.computerWin{color:red}.draw{color:#ff4500}#select{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.selectField{margin:20px}.selectField button{background-color:transparent;border:3px solid white;padding:5px;width:120px}.selectField input{margin-top:10px;background-color:transparent;border:none;border-bottom:1px solid white;text-align:center;margin-bottom:5px}.wonboard{width:233.33px;height:233.33px}.wonboard h1{text-align:center;position:relative;top:50%;transform:translateY(-50%)}#playField{border:3px solid green}.unmarkable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clickable{cursor:pointer}