#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.tictactoe{display:flex;justify-content:center;align-items:center}.td-top{border-top:.13rem solid #d62ed6}.td-bottom{border-bottom:.13rem solid #d62ed6}.td-right{border-right:.13rem solid #d62ed6}.td-left{border-left:.13rem solid #d62ed6}.player{color:#fafafa}.circle{color:#d62ed6;font-size:2rem}.cross{color:#646cff;font-size:2rem}.github{margin:0 auto;width:1.8rem;height:1.8rem;display:flex;justify-content:center;align-items:center;margin-top:.5rem;border-radius:50%;padding:.2rem;background-color:#fafafa}.github:hover{animation:logo-spin .5s ease}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;max-width:100%;min-height:100vh}h1{color:#fafafa;margin:0;margin-bottom:2rem;font-size:3rem;line-height:1.1}button{width:80%;height:80%;color:#fafafa;border-radius:8px;border:1px solid transparent;padding:.9rem 1.8rem;margin:.3rem;font-size:1.5rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus{border:thin solid #d62ed6}td{margin:0;padding:0;height:100px;width:100px;text-align:center}table{border-spacing:0}