.App{align-items:center;display:table;height:100vh;justify-content:center;width:100vw}.hd1{color:cyan;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:43px;font-weight:bolder}.Ls,.hd1{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3%}.Head,.Ls,.hd1{text-align:center}.Head{color:cyan;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:43px;font-weight:bolder}.back{align-items:center;margin-top:2%}.login,.signUp{align-items:center;background-color:initial;border:1px solid #0ba8c4;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;margin-top:3%;max-width:400px;padding:20px;transition:box-shadow .3s ease}.login:hover,.signUp:hover{box-shadow:0 4px 8px #0961c5}.joinGame input,.login input,.signUp input{background-color:initial;border:1px solid #41aae7;border-radius:10px;color:#3fdd2a;height:28px;margin:7px;padding:5px;width:280px}.joinGame input:focus,.login input:focus,.signUp input:focus{background-color:initial;border:1px solid #41aae7;outline:none;outline-offset:0}.back button,.login button,.signUp button{color:#21c7dd;margin-top:2%;width:110px}.back button,.joinGame button,.lgo button,.login button,.signUp button{background-color:initial;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(0,0,0,.863),0 1px 2px #2cbb6326,0 2px 4px #2cbb6326,0 4px 8px #2cbb6326,0 8px 16px #2cbb6326,0 16px 32px #2cbb6326;cursor:pointer;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;font-style:italic;font-weight:900;height:38px;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none}.joinGame button,.lgo button{color:#21c1dd;margin-top:3%;width:125px}.back button:hover,.joinGame button:hover,.lgo button:hover,.login button:hover,.signUp button:hover{box-shadow:inset 0 -25px 18px -14px #2cbb6359,0 1px 2px #2cbb6340,0 2px 4px #2cbb6340,0 4px 8px #2cbb6340,0 8px 16px #2cbb6340,0 16px 32px #2cbb6340;transform:scale(1.05) rotate(-1deg)}.login label,.signUp label{color:#0bc424;font-family:Arial,Helvetica,sans-serif;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:23px;font-style:italic;text-align:center}.board{background-color:initial;box-shadow:0 2px 6px #0ff;flex-direction:column;height:345px;width:345px}.board,.row{display:flex}.row{flex:33% 1;flex-direction:row}.square{border:1.5px solid #1ac6e4;cursor:pointer;display:grid;flex:33% 1;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:80px;height:100%;place-items:center}.square:active{background-color:#d3d3d3}h4{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:28px}.logging-in-message,.signing-up-message{background:#0000;border:1px solid #1066e9;border-radius:5px;color:#348be7}.error-message-box,.logging-in-message,.signing-up-message{align-items:center;font-weight:700;margin-top:8px;padding:10px;text-align:center;width:80%}.error-message-box{background:#f003;border:1px solid red;border-radius:5px;color:red}.dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,10%{content:"."}20%,40%{content:".."}50%,70%{content:"..."}80%,to{content:"...."}}button:disabled{cursor:not-allowed}.gameContainer{margin-top:0}.joinGame{margin:0 auto;width:40%}.game-controls,.joinGame{align-items:center;display:flex;flex-direction:column}.game-controls{background-color:initial;border:1px solid #0ba8c4;border-radius:8px;box-shadow:0 4px 6px #0000001a;justify-content:center;margin-top:3%;max-width:400px;padding:20px;transition:box-shadow .3s ease;width:100%}.game-controls:hover{box-shadow:0 4px 8px #0961c5}.game-controls h5{align-items:center;background:#f003;border:1px solid red;border-radius:5px;color:red;font-weight:700;margin-top:8px;padding:10px;text-align:center;width:80%}.users-list-container{margin-bottom:20px;margin-top:50px;width:100%}.users-list{grid-gap:10px;border:1px solid cyan;border-radius:2px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:10px;scrollbar-color:cyan #0000;scrollbar-width:thin;width:100%}.users-list::-webkit-scrollbar{width:8px}.users-list::-webkit-scrollbar-track{background:#0000}.users-list::-webkit-scrollbar-thumb{background-color:cyan;border-radius:4px}.user-item{align-items:center;background-color:initial;border:1px solid cyan;border-radius:5px;color:cyan;display:flex;font-size:16px;font-weight:lighter;height:30px;justify-content:center;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:825px){.users-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.joinGame{width:70%}.users-list-container{margin-bottom:20px;margin-top:5px;width:100%}}.users-list-header{color:cyan;font-size:20px;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}.online-indicator{border-radius:50%;height:10px;margin-right:10px;width:10px}.online-indicator.online{background-color:#0f0}.online-indicator.offline{background-color:grey}.online-indicator.waiting{background-color:#b90d0d}.user-name{flex-grow:1}.waiting-symbol{font-size:20px;margin-left:5px}body{overflow-y:auto}.tic_ch,.waiting{align-items:center;justify-content:center;margin-top:0}.gameContainer,.mgsContainer,.tic_ch,.waiting{display:flex;flex-direction:column}.mgsContainer{margin-top:2%}.Board,.leave,.mgs,.result{margin-top:3%}.mgs{color:#e1ecf4;font-size:13px;font-style:italic}.str-chat__list{background-color:initial;border:1px solid #41aae7;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 2px 6px #0ff;height:370px;overflow:hidden;overflow-y:scroll;width:345px}.str-chat__list ul{font-family:Verdana,Geneva,Tahoma,sans-serif;list-style-type:none;margin-right:8%;margin-top:10%}.str-chat__list li{background-color:#27434b;border-radius:6px;display:flex;flex-direction:column;list-style-type:none;margin-top:5px}.str-chat__list .str-chat__avatar,.str-chat__list .str-chat__message-simple-status{display:none}.str-chat__message-text-inner{color:#27c4b6;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px;font-weight:bolder;padding-left:5px}.str-chat__message-data{margin-bottom:10px}.str-chat__message-data span{margin-left:20px;padding-right:10px}.str-chat__message-data time{margin-left:10px}.str-chat__input-flat{background-color:initial;border-bottom-left-radius:6px;border-bottom-right-radius:6px;height:85px;margin-bottom:4%;width:345px}.str-chat__input-flat-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.str-chat__input-flat-wrapper textarea{background-color:initial;border:1px solid #41aae7;border-radius:6px;color:#fff;font-size:15px;height:30px;margin-top:10px;padding:10px;resize:none;width:325px}.str-chat__input-flat-wrapper textarea:focus{background-color:initial;border:1px solid #41aae7;outline:none;outline-offset:0}.str-chat__message-simple__actions{margin-top:5px;width:100%}.str-chat__message-simple__actions__action--reactions{align-items:center;background:#f2f545;border:1px solid #1221ec;border-radius:50vw;box-sizing:border-box;cursor:pointer;display:flex;padding:6px 6px 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.str-chat__message-reactions-list{display:flex}.str-chat__reaction-list--counter{display:none}.str-chat__reaction-list--reverse button{align-items:center;background-color:initial;border:none;display:inline-flex;justify-content:center}.str-chat__message-reactions-list-item{background:#0000;border:none;border-radius:50vw;height:30px;margin-left:10px;width:30px}.str-chat__message-reactions-list-item span{align-items:center;cursor:pointer;display:flex;justify-content:center}.emoji-mart-emoji-custom span{height:15px!important;width:15px!important}.str-chat__input-flat str-chat__input-flat--send-button-active button{background-color:#b0b6b9;border:1px solid #7aa7c7;border-radius:3px;box-shadow:inset 0 1px 0 0 #ffffffb3;box-sizing:border-box;color:#39739d;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.str-chat__input-flat str-chat__input-flat--send-button-active button:focus,.str-chat__input-flat str-chat__input-flat--send-button-active button:hover{background-color:#b3d3ea;color:#2c5777}.str-chat__input-flat str-chat__input-flat--send-button-active button:focus{box-shadow:0 0 0 4px #0095ff26}.str-chat__input-flat str-chat__input-flat--send-button-active button:active{background-color:#a0c7e4;box-shadow:none;color:#2c5777}.result{align-items:center;background-color:initial;border:1px solid #41aae7;border-radius:10px;box-shadow:0 2px 6px #0ff;color:cyan;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:23px;font-style:italic;height:45px;justify-content:center;width:345px}.wintie{color:cyan;font-weight:bolder;margin-left:10px}.str-chat__input-flat-wrapper button{background-color:initial;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(0,0,0,.863),0 1px 2px #2cbb6326,0 2px 4px #2cbb6326,0 4px 8px #2cbb6326,0 8px 16px #2cbb6326,0 16px 32px #2cbb6326;color:#1fc9e7;cursor:pointer;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;font-style:italic;font-weight:900;height:38px;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:153px}.str-chat__input-flat-wrapper button:hover{box-shadow:inset 0 -25px 18px -14px #2cbb6359,0 1px 2px #2cbb6340,0 2px 4px #2cbb6340,0 4px 8px #2cbb6340,0 8px 16px #2cbb6340,0 16px 32px #2cbb6340;transform:scale(1.05) rotate(-1deg)}.playagain button,.waiting button{background-color:initial;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(0,0,0,.863),0 1px 2px #2cbb6326,0 2px 4px #2cbb6326,0 4px 8px #2cbb6326,0 8px 16px #2cbb6326,0 16px 32px #2cbb6326;color:#1ac6e4;cursor:pointer;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;font-style:italic;font-weight:900;height:38px;margin-bottom:10px;margin-left:27px;margin-top:2%;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:137px}.playagain button:hover,.waiting button:hover{box-shadow:inset 0 -25px 18px -14px #2cbb6359,0 1px 2px #2cbb6340,0 2px 4px #2cbb6340,0 4px 8px #2cbb6340,0 8px 16px #2cbb6340,0 16px 32px #2cbb6340;transform:scale(1.05) rotate(-1deg)}.playagain{display:flex}body{margin:0;padding:0;scrollbar-color:#0000 #0000;scrollbar-width:3px}.background{background:linear-gradient(rgba(0,0,0,.877),#000000bf),url(/static/media/bac.43bcaf288914611c29cb.jpg) no-repeat;background-position:50%;background-size:cover;justify-content:flex-start;overflow-y:auto}.Home{align-items:center;display:table;height:100vh;justify-content:center;width:100vw}.animated{color:cyan;display:flex;flex-direction:column;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:43px;font-weight:bolder;margin-top:3%}.animated,.gifi{text-align:center}.gifi{align-items:center;justify-content:center;margin-top:2%}.gifi img{border:1px solid #0ff;box-shadow:10px 10px 10px 10px #000;transition:.8s}.gifi img:hover{box-shadow:0 5px 15px #0ff;transform:scale(1.02)}.play1{align-items:center;display:flex;justify-content:center;margin-top:20px;text-align:center}.play1 button{background-color:initial;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(14,24,116,.863),0 1px 2px rgba(214,40,200,.952),0 2px 4px #2cbb6326,0 4px 8px #2cbb6326,0 8px 16px #2cbb6326,0 16px 32px #2cbb6326;color:#e61c1c;cursor:pointer;display:block;font-family:CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px;font-style:italic;font-weight:900;height:50px;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:150px}.play1 button:hover{box-shadow:inset 0 -25px 18px -14px rgba(0,0,0,.815),0 1px 2px #2cbb6340,0 2px 4px #2cbb6340,0 4px 8px #2cbb6340,0 8px 16px #2cbb6340,0 16px 32px #2cbb6340;transform:scale(1.05) rotate(-1deg)}.copy{color:#17dd42;font-size:15px;font-weight:lighter;position:relative;text-align:center}.copy img{box-shadow:.5px 1px 4px #0ff;margin-top:40px}.copy p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-style:italic;font-weight:400;margin-top:6px}.multiplayer-container img{display:inline-block}.multiplayer-container span{display:inline-block;margin:0 10px}
/*# sourceMappingURL=main.628921b4.css.map*/