*{box-sizing:border-box}.App{width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.head{width:30%;margin:30px 0 0}.head,.header{position:relative}.header{text-align:center;font-family:Montserrat;font-style:normal;font-weight:500;font-size:72px;color:#fff}.header:after{content:"";position:absolute;bottom:-10px;right:0;height:3px;background-color:#fff;width:100%}.category-header{position:relative;font-family:Montserrat;font-style:normal;font-weight:500;font-size:36px;line-height:44px;text-align:center;color:#fff}.category-header:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background-color:#fff;width:100%}.greeting{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background:linear-gradient(297.24deg,#ff8000 10.69%,#000 33.73%,#190d00 63.93%,#ff8101 84.86%,#000 85.62%,#000 85.63%);box-shadow:4px 4px 4px 4px rgba(0,0,0,.25),inset 0 4px 4px #000}.greeting,.greeting-logo{height:100%}.btnContainer{position:absolute;bottom:5%}.button{width:222px;padding:16px 53px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:50px;font-family:Montserrat;font-style:normal;font-weight:500;font-size:36px;line-height:44px;color:#000;cursor:pointer;border:none}.button:hover{background:#ff8000;color:#fff;box-shadow:0 0 5px #fff,0 0 25px #fff,0 0 50px #fff,0 0 100px #fff;border:none}.logo-container{position:absolute;top:-25%;left:-100%}.logo{width:144px;height:150px}.rules{background:linear-gradient(180deg,#ff8000 30.34%,#000);width:100vw;height:100vh}.rules,.rules-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.rules-container{margin:20px 0 0}.text{font-family:Montserrat;font-style:normal;font-weight:500;font-size:36px;line-height:44px;color:#fff;text-align:center;margin:0 0 20px}.category{padding:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 0 10px;-webkit-align-items:center;align-items:center}.select-container{margin:30px 0 0;width:200px}.custom-select{text-align-last:center;width:100%;height:30px;outline:none;border:none}.changeImg{border:none;padding:15px;margin:30px 0 15px;border-radius:50px;font-family:Montserrat;font-style:normal;font-weight:500;font-size:20px;color:#000;background-color:#fff}.changeImg:hover{background-color:#ff8000;box-shadow:0 0 5px #fff,0 0 25px #fff,0 0 50px #fff,0 0 100px #fff;color:#fff}.cardBack{border-radius:50px}.signUp{background:linear-gradient(180deg,#ff8000 30.34%,#000);width:100vw;height:100vh}.authorization,.signUp{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.authorization{margin:100px 0 0}.inputFilled,.inputNotFilled{width:320px;height:40px;background-color:transparent;border:none;border-bottom:3px solid #fff;font-family:Montserrat;font-style:normal;font-weight:500;font-size:24px;line-height:29px;outline:none;color:#fff}.inputFilled:nth-child(2),.inputNotFilled:nth-child(2){margin:20px 0}.inputFilled::-webkit-input-placeholder,.inputNotFilled::-webkit-input-placeholder{padding:0 0 0 10px;color:#fff;font-family:Montserrat;font-style:normal;font-weight:500;font-size:24px;line-height:29px}.inputFilled:-ms-input-placeholder,.inputNotFilled:-ms-input-placeholder{padding:0 0 0 10px;color:#fff;font-family:Montserrat;font-style:normal;font-weight:500;font-size:24px;line-height:29px}.inputFilled::placeholder,.inputNotFilled::placeholder{padding:0 0 0 10px;color:#fff;font-family:Montserrat;font-style:normal;font-weight:500;font-size:24px;line-height:29px}.warning{border:2px solid red}.warning:focus{border:none;border-bottom:3px solid #fff}.gameMain{background:linear-gradient(180deg,#ff8000 30.34%,#000);width:100vw;height:100vh}.gameMain,.gameMainContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.gameMainContainer{margin:20px 0 0;position:relative}.Timers{width:180px;margin:0 auto;text-align:center;display:-webkit-flex;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}#display span{font-size:36px}#buttons button:nth-child(2){margin-left:8px}.gameZone-container{background:linear-gradient(180deg,#f6e017,#ac225b);width:600px;height:600px;margin-top:20px;border-radius:5px;padding:5px;display:grid;grid-gap:5px}.ul-EASY{grid-template-columns:repeat(4,1fr)}.ul-MIDDLE{grid-template-columns:repeat(6,1fr)}.ul-DIFFICULT{grid-template-columns:repeat(8,1fr)}.gameZone-container>li{width:100%;height:100%;list-style-type:none;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px solid #000;border-radius:5px;position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;object-fit:cover;background-size:cover;-webkit-user-select:none;-ms-user-select:none;user-select:none}img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card{background-color:#fff;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.card,.inverted{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.notInverted{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.lock{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.lock,.lock>img{-webkit-animation:increase 1s linear;animation:increase 1s linear}@-webkit-keyframes increase{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes increase{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}*{margin:0;padding:0}.ModalWindow-overlay{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(33,28,28,.8)}.ModalWindow{position:relative;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1010;width:500px;height:200px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background:linear-gradient(297.24deg,#ff8000 10.69%,#000 33.73%,#190d00 63.93%,#ff8101 84.86%,#000 85.62%,#000 85.63%);box-shadow:4px 4px 4px 4px rgba(0,0,0,.25),inset 0 4px 4px #000;border-radius:50px}.Title-ModalWindow{border-bottom:1px solid #fff;font-size:30px;margin:5px 0;color:#fff}.Text-body-ModalWindow{font-size:24px;margin:5px 0;color:#fff}.ModalWindow-button{margin:10px 0 0;font-size:24px;border-radius:50px;border:none;padding:6px 12px;cursor:pointer;background-color:#fff}.preloader-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:150px;height:150px}.preloader-frame{position:absolute;width:100px;height:100px;border-radius:50%;border:15px solid #fff}.frame-first{border-top:15px solid transparent;border-bottom:15px solid transparent;-webkit-animation:frame-first 2s linear infinite;animation:frame-first 2s linear infinite}.frame-second{border-left:15px solid transparent;border-right:15px solid transparent;-webkit-animation:frame-second 2.4s linear infinite;animation:frame-second 2.4s linear infinite}.preloader-circle{position:absolute;width:60px;height:60px;border-radius:50%;background-color:#fff;-webkit-animation:preloader-circle 1s linear infinite alternate;animation:preloader-circle 1s linear infinite alternate}@-webkit-keyframes frame-first{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes frame-first{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes frame-second{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes frame-second{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes preloader-circle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@keyframes preloader-circle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(.6);transform:scale(.6)}}.tableHighScore{background:linear-gradient(180deg,#ff8000 30.34%,#000);width:100vw;height:100vh}.tableHighScore,.tableHighScore-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.tableHighScore-container{position:relative;margin:40px 0 0}.userList{margin:30px 0 0}.userList>li{list-style-type:none;cursor:pointer;padding:5px 20px}.userCard,.userList>li{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.userCard{background-color:#000;width:400px;height:50px;border-radius:50px;position:relative}.userCard-order,.userCard-player{font-family:Montserrat;font-style:normal;font-weight:500;font-size:20px;color:#fff}.title-ModalWindowPlayer{border-bottom:1px solid #fff;font-size:30px;margin:25px 0 15px;color:#fff;text-align:center}.text-ModalWindowPlayer{font-size:22px;margin:5px 0;color:#fff}
/*# sourceMappingURL=main.10b57bdc.chunk.css.map */