*{box-sizing:border-box}.game{align-items:center;color:#000;display:flex;flex-direction:column}.board{display:grid;grid-template-columns:repeat(3,130px)}.square{border:2px solid #000;cursor:pointer;font-size:0;height:130px;text-align:center;vertical-align:top;width:130px}.square.clicked{font-size:80px;transition:font-size .3s ease}.square.winning{background-color:#228b22}.square:hover:not(.clicked){background-color:#333}.status{color:#228b22;font-size:24px;font-style:bold}.button-container{color:#fff;display:flex;gap:10px}.rainbow-button{background-color:#000;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:25px;margin:5px;outline:none;position:relative;width:130px;z-index:0}.rainbow-button:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.rainbow-button:active{color:#000}.rainbow-button:active:after{background:#0000}.rainbow-button:hover:before{opacity:1}.rainbow-button:after{background:#000;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#228b22;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.9ea6ffff.css.map*/