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:300px;height:300px;grid-template-columns:auto auto auto}.block{display:flex;width:100px;height:100px;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:3px 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}.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}@media only screen and (max-width: 600px){h1{font-size:3rem;margin-bottom:.5em}h2{margin-top:1em;font-size:1.3rem}}