.overlay-box{background:linear-gradient(305deg,red,#944a6d,#2993db,#0df,#04c4d0,#01e788,#00ff41,#24f94c,#92e726,#ffd500);border-radius:10px;position:relative}.color-picker{margin-top:20px;text-align:center}.color-display{border:1px solid #000;height:100px;margin:20px auto;width:100px}.error-message{color:red;font-weight:700;margin-top:10px}.square{border:2px solid #eee;border-radius:5px;cursor:pointer;display:grid;height:100px;place-items:center;width:100px}.square span{border:8px solid transparent;border-radius:50%;display:block;height:70%;position:relative;width:70%}.square span.x:after,.square span.x:before{background:#00d9ff;border-radius:5px;content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:150%}.square span.x:after{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.square span.o{border-color:#00fa36}.tic-tac-toe{margin:40px auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tic-tac-toe h1{color:#eee}.tic-tac-toe button{background:transparent;border:2px solid #eee;border-radius:5px;color:#eee;cursor:pointer;font-weight:700;margin:25px;padding:8px 12px;transition:.2s;width:100px}.tic-tac-toe button:hover{background:#eee;color:#222}.tic-tac-toe .game{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.turn{border:1.3px solid grey;border-radius:50px;display:flex;justify-content:center;margin:0 auto 20px;padding:0 10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.turn .square,.winner .square{border-color:transparent;height:70px;pointer-events:none;width:70px}.turn .square span.x:after,.turn .square span.x:before{background:#eee;transition:.2s}.turn .square span.o{border-color:#eee;transition:.2s}.turn:after{background:#49ff58;border-radius:9px;content:"";height:100%;position:absolute;top:0;transition:.2s;width:50%;z-index:-1}.turn.left:after{left:0}.turn.left span.o{border-color:#323232}.turn.right span.x:after,.turn.right span.x:before{background:#323232}.turn.right:after{left:50%}.winner{background-color:rgba(0,0,0,.7);display:grid;height:100vh;left:0;place-items:center;position:absolute;top:0;width:100vw}.winner .text{align-items:center;background:#111111e4;border:2px solid #eee;border-radius:10px;display:flex;flex-direction:column;gap:20px;height:360px;justify-content:center;max-width:420px;width:70%}.winner .text h2{color:#eee;font-size:2.5em;margin:15px 0}.winner .win{border:2px solid #eee;border-radius:10px;display:flex;gap:15px;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content>div{cursor:pointer}.content>div>div{display:flex;transition:.5s ease}.content>div>div>div{color:#3d3d3d;transition:.5s ease}.child{align-items:center;border:1px solid #183434;border-radius:50%;display:flex;height:35px;justify-content:center;margin:5px;padding:10px;width:40px}.first_child:hover>div>div:first-child,.last_child2:hover>div>div:nth-last-child(2),.last_child:hover>div>div:last-child,.nth_child2:hover>div>div:nth-child(2),.nth_child3n:hover>div>div:nth-child(3n),.nth_child_3n1:hover>div>div:nth-child(3n-1),.nth_child_even:hover>div>div:nth-child(2n),.nth_child_minus_n3:hover>div>div:nth-child(-n+3),.nth_child_n4:hover>div>div:nth-child(n+4),.nth_child_odd:hover>div>div:nth-child(odd){background-color:#f5f5f5}
/*# sourceMappingURL=main.eb526408.css.map*/