html{background:#555}body,html{width:100%;height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.root{width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MainMagazineContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:gold}.MainMagazineContainer .MagazineTableItems{color:#000;border-collapse:collapse;border-left:3px solid #f79361;border-right:3px solid #f79361;border-bottom:3px solid #f79361;font-family:Lucida Grande,sans-serif;margin:15px}.MainMagazineContainer .MagazineTableItems caption{background:#f79361;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);color:#fff;font-family:Roboto Slab,serif;font-style:normal;font-size:26px;text-align:center;margin:0}.MainMagazineContainer .MagazineTableItems td,.MainMagazineContainer .MagazineTableItems th{padding:10px}.MainMagazineContainer .MagazineTableItems th{text-align:left;font-size:18px}.MainMagazineContainer .MagazineTableItems tr:nth-child(n){background:#fff}.MainMagazineContainer .MagazineTableItems tr:nth-child(2n){background:#e5e5e5}.MainMagazineContainer .MagazineTableItems td:last-of-type{text-align:center}.MainMagazineContainer .MagazineTableItems button{display:inline-block;padding:5px 10px;background:#f79361;box-shadow:2px 2px 0 0 #a22800;position:relative}.MainMagazineContainer .MagazineTableItems button:hover{box-shadow:none;top:2px;left:2px}.waiting{font-size:50px;text-align:center;margin-top:20%;width:100%;height:100%}.MainComponentMainContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.MainComponentMainContainer .ButtonsContainer{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:50px;border-radius:15px}.MainComponentMainContainer .ButtonsContainer,.MainComponentMainContainer .ButtonsContainer .ButtonsContainerLocalModel{display:flex;flex-direction:column;justify-content:center;align-items:center}.MainComponentMainContainer .ButtonsContainer .Button{display:inline-block;font-size:24px;font-weight:700;color:hsla(0,0%,100%,.6);text-shadow:1px 1px rgba(0,0,0,.3);text-decoration:none;padding:20px;border-radius:15px;box-shadow:inset 0 0 3px 1px rgba(0,0,0,.8),inset -5px -5px 8px 5px rgba(0,0,0,.3),inset 5px 5px 8px 5px hsla(0,0%,100%,.5),1px 1px 1px hsla(0,0%,100%,.1),-2px -2px 5px rgba(0,0,0,.5);-webkit-transition:.2s;transition:.2s;border:none;outline:none;margin:10px}.MainComponentMainContainer .ButtonsContainer .Button:hover{color:hsla(0,0%,100%,.9)}.MainComponentMainContainer .ButtonsContainer .Button:active{box-shadow:inset 0 0 5px 3px rgba(0,0,0,.8),inset -5px -5px 8px 5px rgba(0,0,0,.3),inset 5px 5px 8px 5px hsla(0,0%,100%,.5),1px 1px 1px hsla(0,0%,100%,.2),-2px -2px 5px rgba(0,0,0,.5)}.MainComponentMainContainer .ButtonsContainer .greenButton{background:#0a780a}.MainComponentMainContainer .ButtonsContainer .greenButton:hover{background:#148214}.MainComponentMainContainer .ButtonsContainer .greenButton:active{background:#006e00}.MainComponentMainContainer .ButtonsContainer .redButton{background:#780d06}.MainComponentMainContainer .ButtonsContainer .redButton:hover{background:#930d06}.MainComponentMainContainer .ButtonsContainer .redButton:active{ackground:#680c06}.MainComponentMainContainer .ButtonsContainer .yellowButton{background:#ccad1b}.MainComponentMainContainer .ButtonsContainer .yellowButton:hover{background:#debf1b}.MainComponentMainContainer .ButtonsContainer .yellowButton:active{background:#b3941b}.MainEnemyTableContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.MainEnemyTableContainer .EnemyTable{border-collapse:collapse;border-left:3px solid #f79361;border-right:3px solid #f79361;border-bottom:3px solid #f79361;font-family:Lucida Grande,sans-serif;margin:15px}.MainEnemyTableContainer .EnemyTable caption{background:#f79361;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);color:#fff;font-family:Roboto Slab,serif;font-style:normal;font-size:26px;text-align:center;margin:0}.MainEnemyTableContainer .EnemyTable td,.MainEnemyTableContainer .EnemyTable th{padding:10px}.MainEnemyTableContainer .EnemyTable th{text-align:left;font-size:18px}.MainEnemyTableContainer .EnemyTable tr:nth-child(n){background:#fff}.MainEnemyTableContainer .EnemyTable tr:nth-child(2n){background:#e5e5e5}.MainEnemyTableContainer .EnemyTable td:last-of-type{text-align:center}.MainEnemyTableContainer .EnemyTable button{display:inline-block;padding:5px 10px;background:#f79361;box-shadow:2px 2px 0 0 #a22800;position:relative}.MainEnemyTableContainer .EnemyTable button:hover{box-shadow:none;top:2px;left:2px}.BackButton{display:inline-block;padding:5px 10px;background:#f79361;box-shadow:2px 2px 0 0 #a22800;position:relative}.BackButton:hover{box-shadow:none;top:2px;left:2px}.MainGameContainer{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(/img/war.jpg);background-size:cover}.MainGameContainer .InnerGameContainer{position:relative;width:1000px;height:600px;outline:5px solid #000;background:#fff}.MainPlayerContainer{position:absolute;bottom:0;left:100px;width:300px;height:400px;-webkit-transition:left 2s;transition:left 2s}.MainPlayerContainer .PlayerHandleScreen,.MainPlayerContainer .PlayerScreen{position:absolute;top:0;left:0}.MainPlayerContainer .PlayerAttack{-webkit-animation-name:attack_animate;animation-name:attack_animate;-webkit-animation-iteration-count:2;animation-iteration-count:2;animation-direction:alternate-reverse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.MainPlayerContainer .PlayerBlock{-webkit-animation-name:attack_animate;animation-name:attack_animate;-webkit-animation-iteration-count:2;animation-iteration-count:2;animation-direction:alternate-reverse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.MainPlayerContainer .PlayerUnsuccessfulAttack{animation:attack_animate 1s linear 0s alternate-reverse,unsuccessful_attack_animate 1s linear 1s,attack_animate 1s linear 2s alternate}.PlayerAttackForContainer{left:500px}.MainComputerContainer{position:absolute;bottom:0;right:100px;width:300px;height:400px;-webkit-transition:right 2s;transition:right 2s;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.MainComputerContainer .ComputerHandleScreen,.MainComputerContainer .ComputerScreen{position:absolute;top:0;left:0}.MainComputerContainer .ComputerAttack,.MainComputerContainer .ComputerBlock{-webkit-animation-name:attack_animate;animation-name:attack_animate;-webkit-animation-iteration-count:2;animation-iteration-count:2;animation-direction:alternate-reverse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.MainComputerContainer .ComputeUnsuccessfulAttack{animation:attack_animate 1s linear 0s alternate-reverse,unsuccessful_attack_animate 1s linear 1s,attack_animate 1s linear 2s alternate}.ComputerAttackForContainer{right:500px}@-webkit-keyframes unsuccessful_attack_animate{0%{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%{top:-110px;left:30px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg)}to{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes unsuccessful_attack_animate{0%{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%{top:-110px;left:30px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg)}to{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes attack_animate{0%{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%{top:-110px;left:30px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg)}50%{top:-70px;left:35px;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}75%{top:-30px;left:25px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}to{top:0;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes attack_animate{0%{top:-130px;left:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%{top:-110px;left:30px;-webkit-transform:rotate(-75deg);transform:rotate(-75deg)}50%{top:-70px;left:35px;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}75%{top:-30px;left:25px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}to{top:0;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.MainManagerGameContainer{width:100%;height:100%;position:absolute;left:0;top:0}.MainManagerGameContainer .RowContainerSelecting{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:50%}.MainManagerGameContainer .RowContainerSelecting h1{display:flex;flex-direction:row}.MainManagerGameContainer .RowContainerSelecting h1 div{margin-left:10px;text-decoration:underline}.MainManagerGameContainer .RowContainerSelecting .Button{width:150px;height:50px;margin:10px}.MainManagerGameContainer .RowContainerLinesHP{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:0;width:100%;height:500px}.MainLineHPContainer{position:relative;outline:5px solid #000;width:50px;height:400px;margin:30px;overflow:hidden}.MainLineHPContainer .DynamicContainerLine{position:absolute;top:0;width:100%;margin:0;padding:0;background:#fff;-webkit-transition:height 1s;transition:height 1s;z-index:1000}.MainLineHPContainer .StaticContainerLine{width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#adff2f),to(#dc143c));background:linear-gradient(180deg,#adff2f,#dc143c)}.MainNewsContainer{position:absolute;width:100%;height:200px;top:0;left:0;overflow:hidden}.MainNewsContainer .InnerNewsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;height:200px;left:0;bottom:210px;-webkit-transition:bottom 1s;transition:bottom 1s}.MainNewsContainer .view{bottom:0}.ContainerModalWindow{width:100%;height:100%;position:absolute;z-index:500000}.ContainerModalWindow,.ContainerModalWindow .InsideContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.ContainerModalWindow .InsideContainer{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:relative;background:#e5e5e5;border:4px solid #000;border-radius:10px;padding:20px}.ContainerModalWindow .InsideContainer .closeButtonModal{position:absolute;right:5px;top:5px;background:red;width:30px;height:30px;outline:none}.ContainerModalWindow .InsideContainer .submitButtonModal{display:inline-block;font-weight:700;color:#d1d1d9;text-decoration:none;text-shadow:0 -1px 2px rgba(0,0,0,.2);padding:15px;outline:none;border-radius:3px;background:-webkit-gradient(linear,left top,left bottom,from(#6e7078),to(#515156)) #6e7078;background:linear-gradient(#6e7078,#515156) #6e7078;box-shadow:inset 0 1px hsla(0,0%,100%,.2),0 3px 5px rgba(0,1,6,.5),0 0 1px 1px rgba(0,1,6,.2);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;border:none;margin:10px}.ContainerModalWindow .InsideContainer .submitButtonModal:hover{background:-webkit-gradient(linear,left top,left bottom,from(#7e7e86),to(#46474c)) #7e7e86;background:linear-gradient(#7e7e86,#46474c) #7e7e86}.ContainerModalWindow .InsideContainer .submitButtonModal:active{background:-webkit-gradient(linear,left top,left bottom,from(#4c4d52),to(#38393e)) #4c4d52;background:linear-gradient(#4c4d52,#38393e) #4c4d52;box-shadow:inset 0 0 1px rgba(0,0,0,.5),inset 0 2px 3px rgba(0,0,0,.5),0 1px 1px hsla(0,0%,100%,.1)}.ContainerModalWindow .InsideContainer .textAreaModal{margin-top:30px;width:50vw;height:50vh;resize:none;outline:none}.hidden{display:none}.form-container{width:100%;height:100%}.form-container,.form-container .form{display:flex;flex-direction:column;justify-content:center;align-items:center}.form-container .form .inputText{border:4px solid #fff;color:#fff;width:300px;height:50px;margin:10px;background:none;text-align:center;outline:none}.form-container .submitButton{display:inline-block;font-size:24px;font-weight:700;color:hsla(0,0%,100%,.6);text-shadow:1px 1px rgba(0,0,0,.3);text-decoration:none;padding:20px;border-radius:15px;box-shadow:inset 0 0 3px 1px rgba(0,0,0,.8),inset -5px -5px 8px 5px rgba(0,0,0,.3),inset 5px 5px 8px 5px hsla(0,0%,100%,.5),1px 1px 1px hsla(0,0%,100%,.1),-2px -2px 5px rgba(0,0,0,.5);-webkit-transition:.2s;transition:.2s;border:none;outline:none;margin:30px}.form-container .submitButton:hover{color:hsla(0,0%,100%,.9)}.form-container .submitButton:active{box-shadow:inset 0 0 5px 3px rgba(0,0,0,.8),inset -5px -5px 8px 5px rgba(0,0,0,.3),inset 5px 5px 8px 5px hsla(0,0%,100%,.5),1px 1px 1px hsla(0,0%,100%,.2),-2px -2px 5px rgba(0,0,0,.5)}.form-container .greenButton{background:#0a780a}.form-container .greenButton:hover{background:#148214}.form-container .greenButton:active{background:#006e00}.form-container .yellowButton{background:#ccad1b}.form-container .yellowButton:hover{background:#debf1b}.form-container .yellowButton:active{background:#b3941b}
/*# sourceMappingURL=main.b0abdd0b.chunk.css.map */