body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:linear-gradient(rgba(1,4,12,.849),rgba(46,0,0,.863)),url(/static/media/ticback.01e21b9fb7fd699f61ef.jpg);background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,red,#00f);-webkit-background-clip:text;font-size:50px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.137)}.board{cursor:pointer;display:grid;grid-template-columns:100px 100px 100px;grid-template-rows:100px 100px 100px;position:relative}.tile{align-items:center;color:currentColor;display:flex;font-size:2em;justify-content:center}.tile-x{color:#5f93f3;text-shadow:6px 2px 6px #053794}.tile-o,.tile-x{font-size:50px;font-weight:700}.tile-o{color:#e95050;text-shadow:2px 2px 10px #ff1e00}.right-border{border-right:.2em solid #0074a6}.bottom-border{border-bottom:.2em solid #0074a6}.x-hover:hover:after{content:"X";opacity:.4}.o-hover:hover:after{content:"O";opacity:.4}.strike{background-color:#cdfa04;position:absolute}.strike-row-1{height:4px;top:15%;width:100%}.strike-row-2{height:4px;top:48%;width:100%}.strike-row-3{height:4px;top:83%;width:100%}.strike-column-1{height:100%;left:15%;width:4px}.strike-column-2{height:100%;left:48%;width:4px}.strike-column-3{height:100%;left:83%;width:4px}.strike-diagonal-1{height:4px;left:5%;top:50%;-webkit-transform:skewY(45deg);transform:skewY(45deg);width:90%}.strike-diagonal-2{height:4px;left:5%;top:50%;-webkit-transform:skewY(-45deg);transform:skewY(-45deg);width:90%}.game-over{border:8px dotted #8d2b33;color:#00b7ff;font-weight:700;padding:10px;text-align:center}.game-over,.reset-button{font-size:1.5em;margin-top:50px}.reset-button{background:linear-gradient(90deg,#a6000e,#00507a);border:none;border-radius:20px;box-shadow:2px 2px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;padding:20px;transition:all .3s ease;width:100%}.reset-button:hover{background:linear-gradient(90deg,#003654,#7a0000b0);box-shadow:3px 3px 7px rgba(0,0,0,.3)}
/*# sourceMappingURL=main.264e6671.css.map*/