body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ticTacToeImage{border-radius:30px;height:15rem}.imgContainer{border-radius:30px;margin-bottom:4rem;margin-top:1.5rem;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.formAndWelcome{height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.formAndWelcome,.welcome_welcomeBox__o4lbI{align-items:center;display:flex;flex-direction:column}.welcome_welcomeBox__o4lbI{margin-top:2rem}.welcome_welcomeText__1m6xn{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f06,#3cf);-webkit-background-clip:text;font-family:Rubik Iso,cursive;font-size:2rem;letter-spacing:2px;padding:0 1.6rem;text-align:center;transition:.31s ease-in-out}.welcome_himanshu__fqWnY{color:#016dab;font-family:Rubik Iso,cursive;margin-top:1rem}.welcome_rightArrow__mQ5hk{-webkit-animation:welcome_scaleImage__1VR8R 1.5s infinite alternate;animation:welcome_scaleImage__1VR8R 1.5s infinite alternate;border:2px solid #e60073;border-radius:10px;box-shadow:0 0 30px #e60073;height:3rem;overflow:hidden}@-webkit-keyframes welcome_scaleImage__1VR8R{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes welcome_scaleImage__1VR8R{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.welcome_imageContainer__sASDp{margin-top:5rem}canvas{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:500}.name-label{-webkit-text-fill-color:transparent;align-self:flex-start;background:linear-gradient(45deg,#f06,#3cf);-webkit-background-clip:text;color:#fff;display:block;font-family:Rubik Iso,cursive;font-size:3rem;font-size:2rem;text-align:left;transition:.31s ease-in-out}.form{align-items:center;display:flex;flex-direction:column;gap:.3rem}.name{align-self:left;background-color:#000;border:2px solid #d5782e;border-radius:8px;color:#d5782e;font-family:Rubik Iso,cursive;font-size:1.2rem;height:2rem;margin-top:.4rem;padding:3px 2px;width:250px}.name:focus{outline:none}.submit{-webkit-text-fill-color:transparent;background-color:#000;background:linear-gradient(45deg,#f06,#3cf);-webkit-background-clip:text;border:none;border-radius:10px;box-shadow:-1px -1px 2px #e60073,-1px 0 10px #e60073,1px 0 10px #e60073,0 1px 10px #e60073;color:#fff;color:#3cf;font-size:1.4rem;margin-top:2rem;padding:3px 2rem;transition:.31s ease-in-out;width:15rem}.err,.submit{font-family:Rubik Iso,cursive}.err{align-self:flex-start;background-color:rgba(69,69,69,.4);border-radius:3px;color:red;margin-bottom:0;padding:.5rem 0;width:100%}.leftImgContainer{left:0}.leftImgContainer,.rightImgContainer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.3);bottom:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:absolute;top:0;z-index:1000}.rightImgContainer{right:0}.text{color:#ff0;font-family:Rubik Iso,cursive;font-size:1.5rem;padding:5px 0}.leftGateText{align-self:flex-end}.leftGateText,.rightGateText{text-align:right;white-space:pre}.rightGateText{align-self:flex-start}.leftImgContainer--close,.rightImgContainer--close{transition:width .1s ease-in-out;width:50vw}.leftImgContainer--open,.rightImgContainer--open{transition:width .1s ease-in-out;width:0}.wait{color:#fff;font-family:Rubik Iso,cursive;font-size:1.5rem;margin-bottom:1rem;padding:5px 0}.roomCodeDisp{border:2px solid #d5782e;border-radius:8px 0 0 8px;border-right:none;font-size:1.4rem}.cpyBtn,.roomCodeDisp{margin-top:1rem;padding:4px 5px}.cpyBtn{border:2px solid #d5782e;border-left:none;border-radius:0 8px 8px 0}.playAgainBtn{background-color:#0d2f0c;border:2px solid #0f0;color:#cfff87;font-family:Rubik Iso,cursive;font-size:1rem;margin-top:2rem}.rejected{border:1px solid red;border-radius:.5rem;color:red;justify-self:center;text-align:center}.accepted,.rejected{background-color:#000;font-family:Rubik Iso,cursive;font-size:1rem;margin-top:1.5rem;padding:5px}.accepted{border:1px solid #0f0;border-radius:.5rem;color:#0f0}.confirm{color:#ff0;font-family:Rubik Iso,cursive;font-size:1.25rem}.exit{background-color:rgba(110,0,0,.5);border:1px solid red;color:#f8f5f5;font-size:1.5rem}.right{border-left:none;border-radius:0 15px 15px 0;padding:8px 5px 8px 0;text-align:left}.left,.right{min-width:100px}.left{border-radius:15px 0 0 15px;border-right:none;padding:8px 0 8px 5px;text-align:right}.option_options__oRiEW{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f06,#3cf);-webkit-background-clip:text;border:none;border-radius:10px;box-shadow:-1px -1px 2px #e60073,-1px 0 10px #e60073,1px 0 10px #e60073,0 1px 10px #e60073;font-family:Rubik Iso,cursive;font-size:1.5rem;gap:1rem;margin-bottom:1rem;padding:5px 1.2rem;text-align:center;transition:.31s ease-in-out;width:250px}.option_optionBox__8RJYG{align-items:center;display:flex;flex-direction:column;gap:0}.option_input__sZc9J{background-color:#000;border:2px solid #d5782e;border-radius:8px;color:#d5782e;font-family:Rubik Iso,cursive;font-size:1.2rem;height:2rem;margin-top:.4rem;padding:5px 2px;text-align:center;width:250px}.option_Join__2XX0u{background-color:#e60073}.option_disJoin__EgY20{background-color:#000}.option_err__I9pVO{align-self:flex-start;align-self:center;background-color:rgba(69,69,69,.4);border-radius:3px;color:red;font-family:Rubik Iso,cursive;margin-bottom:1rem;padding:.5rem 0;width:100%;width:260px}.option_name__mgnrl{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#3cf,#3cf);-webkit-background-clip:text;border:none;border-radius:10px;font-family:Rubik Iso,cursive;font-size:1.5rem;margin-bottom:2rem;padding:0 0 2rem;text-align:center;transition:.31s ease-in-out}.option_roomCodeSent__yz91V{align-items:center;align-self:left;background-color:#000;border:2px solid #d5782e;border-radius:8px;box-sizing:border-box;color:#d5782e;display:flex;font-family:Rubik Iso,cursive;font-size:1.2rem;height:2.5rem;justify-content:space-between;margin-bottom:1.2rem;margin-top:.5rem;padding:0 1rem;text-align:center;width:250px}.option_friend__l\+bbG{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#3cf,#3cf);-webkit-background-clip:text;border:none;border-radius:10px;font-family:Rubik Iso,cursive;font-size:1.3rem;padding:0;transition:.31s ease-in-out}.copyAndShare{align-items:center;display:flex;font-size:1rem;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end}.canvas{display:grid;grid-template-columns:60px 60px 60px;grid-template-rows:60px 60px 60px}.canvas,.item{border-collapse:collapse}.item{align-items:center;border:2px solid #e60073;display:flex;justify-content:center}.a1{border-left:none}.a1,.a2,.a3{border-top:none}.a3{border-right:none}.a4{border-left:none}.a6{border-right:none}.a7{border-left:none}.a7,.a8,.a9{border-bottom:none}.a9{border-right:none}.welcomeText{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f06,#3cf);-webkit-background-clip:text;font-size:2rem;letter-spacing:2px;margin-top:3rem;padding:0 1.6rem;text-align:center;transition:.31s ease-in-out}.himanshu,.welcomeText{font-family:Rubik Iso,cursive}.himanshu{color:#016dab;margin-top:1rem;text-align:center}.canvas{font-family:sans-serif;font-size:2rem;left:50%;letter-spacing:2px;padding:0 1.6rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.31s ease-in-out}.green{color:#18c218}.red{color:#e61d1d}.opponent{color:#ff0;font-size:1.2rem;margin-top:1rem}.chance,.opponent{font-family:Rubik Iso,cursive;text-align:center}.chance{color:#1aff00;font-size:1.3rem;margin-top:2rem}
/*# sourceMappingURL=main.2d7593ea.css.map*/