@import url(https://fonts.googleapis.com/css?family=Lobster|Roboto:400,500,700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;outline:none}body{font-family:"Roboto",sans-serif;font-weight:400;color:#fff;font-size:13px;line-height:1.5;background-color:#0c233f;overflow-x:hidden;margin:0;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:initial}body #root{position:absolute;top:0;left:0;right:0;bottom:0}body .text-uppercase{text-transform:uppercase}body .flex-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}body .flex-container .flexbox{padding:0 10px;flex-grow:1;align-self:auto}body .flex-container.vertical-middle{align-items:center}body header{position:absolute;top:50px;left:65px;font-weight:700;font-size:1.3em}body header p{display:block;margin-bottom:3px;line-height:1;letter-spacing:2px}body header p:first-child{letter-spacing:5px}body header p:last-child{margin-bottom:0}body .sign{width:80px;height:80px;position:relative;margin:auto}body .sign .cross,body .sign .round{position:absolute;top:0;left:0;right:0;bottom:0}body .sign .cross:after,body .sign .cross:before{content:"";height:14px;background:#fff;position:absolute;width:100%;border-radius:10px;top:calc(50% - 7px);left:0}body .sign .cross:after{transform:rotate(-45deg)}body .sign .cross:before{transform:rotate(45deg)}body .sign .round{border-radius:50%;top:3.5px;left:3.5px;width:calc(100% - 7px);height:calc(100% - 7px);border:14px solid #fff}body .sign.selected .round{border-color:#fba203}body .sign.selected .cross:after,body .sign.selected .cross:before{background:#fba203}body .game-main-container{height:100%}body .game-main-container .gamem{max-width:505px}body .game-main-container .game-main-cont{width:480px;height:480px;margin-left:auto;margin-right:auto;border-radius:40px;border:2px dashed #253952;position:relative;padding:0}body .game-main-container .game-main-cont .game-cont{background:#253952;margin:20px;border-radius:35px;height:436px;box-shadow:0 1px 5px #000}body .game-main-container .game-main-cont .game-cont .heading{font-size:1.6em;line-height:1;margin-bottom:35px;margin-top:15px;letter-spacing:1.5px;font-weight:400}body .game-main-container .game-main-cont .game-cont .heading span{font-weight:600;color:#fba203}body .game-main-container .game-main-cont .game-cont.board{display:flex;flex-wrap:wrap}body .game-main-container .game-main-cont .game-cont.board .square{width:33.333%;display:flex;border-left:1px dashed #7d8a98;border-bottom:1px dashed #7d8a98}body .game-main-container .game-main-cont .game-cont.board .square:first-child,body .game-main-container .game-main-cont .game-cont.board .square:nth-child(4),body .game-main-container .game-main-cont .game-cont.board .square:nth-child(7){border-left:0}body .game-main-container .game-main-cont .game-cont.board .square:nth-child(7),body .game-main-container .game-main-cont .game-cont.board .square:nth-child(8),body .game-main-container .game-main-cont .game-cont.board .square:nth-child(9){border-bottom:0}body .game-main-container .game-main-cont .game-cont.form{padding:55px 70px}body .game-main-container .game-main-cont .game-cont.form .form-group{margin-bottom:35px}body .game-main-container .game-main-cont .game-cont.form .form-group label[for]{display:block;font-size:.95em;font-weight:400;text-transform:uppercase;margin-bottom:10px;line-height:1}body .game-main-container .game-main-cont .game-cont.form .form-group .input-field{border:1px solid #fff;color:#fff;background:transparent;height:45px;display:block;resize:none;font-size:1.1em;font-weight:300;width:100%;border-radius:2px;padding:16px 10px 14px;line-height:1}body .game-main-container .game-main-cont .game-cont.form .gradient-btn{background:#fba203;background:linear-gradient(90deg,#fba203,#ff5803);border:0;display:block;width:100%;color:#fff;border-radius:2px;height:50px;font-size:1.2em;font-weight:300;box-shadow:0 1px 5px #000;cursor:pointer;padding:0}body .game-main-container .game-main-cont .game-cont.form .gradient-btn[disabled]{cursor:not-allowed}body .game-main-container .game-main-cont .game-cont.winner{padding:55px 70px}body .game-main-container .game-main-cont .game-cont.winner .heading{text-align:center;font-size:1.8em;font-weight:700}body .game-main-container .game-main-cont .game-cont.winner .player{width:185px;height:215px;border:2px solid #fba203;margin:auto;border-radius:30px;text-align:center}body .game-main-container .game-main-cont .game-cont.winner .player .pheading{color:#fba203;margin-top:30px;margin-bottom:15px}body .game-main-container .game-main-cont .game-cont.winner .player .name{font-weight:400;font-size:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;padding:0 10px}body .game-main-container .player-main-cont{text-align:center}body .game-main-container .player-main-cont .turn{font-size:1.6em;visibility:hidden;margin-bottom:25px;color:#fba203;font-weight:400;line-height:1;height:23px}body .game-main-container .player-main-cont .turn.visible{visibility:visible}body .game-main-container .player-main-cont .player-cont{background:#253952;border-radius:30px;width:130px;height:150px;margin-left:auto;margin-right:auto;padding:15px;line-height:1;border:2px solid transparent}body .game-main-container .player-main-cont .player-cont .heading{font-weight:400;color:#fba203;font-size:.87em;margin-top:5px;margin-bottom:15px}body .game-main-container .player-main-cont .player-cont .name{font-weight:400;font-size:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}body .game-main-container .player-main-cont .player-cont .sign{width:50px;height:50px}body .game-main-container .player-main-cont .player-cont .sign .cross:after,body .game-main-container .player-main-cont .player-cont .sign .cross:before{height:10px;top:calc(50% - 5px)}body .game-main-container .player-main-cont .player-cont .sign .round{border-width:8px;top:2px;left:2px}body .game-main-container .player-main-cont .steps{display:flex;justify-content:center;margin-top:15px}body .game-main-container .player-main-cont .steps .step{background:#253952;width:10px;height:10px;border-radius:50%;margin:0 6px;opacity:.6}body .game-main-container .player-main-cont .steps .step.active{opacity:1;background:#fff}body .game-main-container .player-main-cont.winner .turn{visibility:visible;text-transform:uppercase;font-size:1.8em;font-weight:700}body .game-main-container .player-main-cont.winner .player-cont{border:2px solid #fba203}body .game-main-container .player-main-cont.draw .turn{visibility:visible;text-transform:uppercase;font-size:1.8em;color:#fff;font-weight:700}body .game-main-container .player-main-cont.draw .player-cont{border:2px solid #fba203}.pyro{position:absolute;top:0;left:0;right:0;z-index:100}.pyro>.after,.pyro>.before{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;-webkit-animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{-webkit-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{to{box-shadow:-129px -355.6666666667px #f60,-57px -360.6666666667px #f07,150px -85.6666666667px #04f,217px -199.6666666667px #ff0026,-100px -152.6666666667px #f60,-234px -190.6666666667px #f7ff00,-82px -388.6666666667px #00e6ff,10px -337.6666666667px #a600ff,226px -35.6666666667px #a200ff,-166px -314.6666666667px #ff0004,-37px -28.6666666667px #00ff84,-121px -255.6666666667px #ff0037,-133px -93.6666666667px #0026ff,138px -124.6666666667px #00fffb,75px -109.6666666667px #04ff00,9px -293.6666666667px #2fff00,212px 72.3333333333px #ff00b7,-24px -189.6666666667px #9100ff,89px -231.6666666667px #ff008c,-5px -220.6666666667px #f0e,216px -238.6666666667px #59ff00,85px -204.6666666667px #6fff00,223px -115.6666666667px #0059ff,-143px -214.6666666667px #09f,137px -86.6666666667px #002bff,98px -399.6666666667px #00ff15,-38px -307.6666666667px #07f,23px -320.6666666667px #ff001a,151px -186.6666666667px #ff5e00,-86px -108.6666666667px #00ff3c,-159px 9.3333333333px #f70,95px 77.3333333333px #ffd000,48px -405.6666666667px #001aff,1px -144.6666666667px #00d5ff,59px 70.3333333333px #fc0,139px -248.6666666667px #0084ff,15px -165.6666666667px #00ffc4,1px -125.6666666667px #0f0,121px -168.6666666667px #fc0,-142px -273.6666666667px #000dff,79px -81.6666666667px #0009ff,-84px -107.6666666667px #fd0,-39px -314.6666666667px #00ff04,-186px -86.6666666667px #48ff00,73px -363.6666666667px #ff0004,-240px -408.6666666667px #91ff00,-142px -239.6666666667px #ff5100,83px -287.6666666667px #90f,216px -218.6666666667px #00d0ff,221px -243.6666666667px #7bff00,-7px -298.6666666667px #00fffb}}@keyframes bang{to{box-shadow:-129px -355.6666666667px #f60,-57px -360.6666666667px #f07,150px -85.6666666667px #04f,217px -199.6666666667px #ff0026,-100px -152.6666666667px #f60,-234px -190.6666666667px #f7ff00,-82px -388.6666666667px #00e6ff,10px -337.6666666667px #a600ff,226px -35.6666666667px #a200ff,-166px -314.6666666667px #ff0004,-37px -28.6666666667px #00ff84,-121px -255.6666666667px #ff0037,-133px -93.6666666667px #0026ff,138px -124.6666666667px #00fffb,75px -109.6666666667px #04ff00,9px -293.6666666667px #2fff00,212px 72.3333333333px #ff00b7,-24px -189.6666666667px #9100ff,89px -231.6666666667px #ff008c,-5px -220.6666666667px #f0e,216px -238.6666666667px #59ff00,85px -204.6666666667px #6fff00,223px -115.6666666667px #0059ff,-143px -214.6666666667px #09f,137px -86.6666666667px #002bff,98px -399.6666666667px #00ff15,-38px -307.6666666667px #07f,23px -320.6666666667px #ff001a,151px -186.6666666667px #ff5e00,-86px -108.6666666667px #00ff3c,-159px 9.3333333333px #f70,95px 77.3333333333px #ffd000,48px -405.6666666667px #001aff,1px -144.6666666667px #00d5ff,59px 70.3333333333px #fc0,139px -248.6666666667px #0084ff,15px -165.6666666667px #00ffc4,1px -125.6666666667px #0f0,121px -168.6666666667px #fc0,-142px -273.6666666667px #000dff,79px -81.6666666667px #0009ff,-84px -107.6666666667px #fd0,-39px -314.6666666667px #00ff04,-186px -86.6666666667px #48ff00,73px -363.6666666667px #ff0004,-240px -408.6666666667px #91ff00,-142px -239.6666666667px #ff5100,83px -287.6666666667px #90f,216px -218.6666666667px #00d0ff,221px -243.6666666667px #7bff00,-7px -298.6666666667px #00fffb}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}
/*# sourceMappingURL=main.a6433f43.chunk.css.map */