.askUserSomeInfoModal{position:absolute;width:100%;height:100%;background-color:rgba(53,50,47,.678);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;z-index:1000}.askUserSomeInfoModal .askUserBox{background-color:grey;border-radius:15px;width:280px;height:160px;margin:auto;color:#dbdbdb}.askUserSomeInfoModal .askUserBox #userName{color:#000}body,html{height:100%;margin:0;background-color:#6e4516}#modal-root{position:absolute}#backdrop-root,#modal-root{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#root,.mainPage{height:100%}.mainPage{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.mainPage .containerModal{min-height:530px;min-width:700px;max-width:700px;max-height:530px;width:700px;height:530px;margin:auto;border-radius:20px}@media (max-height:550px),only screen and (max-width:700px){.mainPage{height:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.mainPage .containerModal{width:99%;height:99%;min-width:500px;min-height:300px;margin:auto;border-radius:20px}}#screen-too-small,#turn-device{font-size:16px;height:100%;width:100%;color:#fff;text-align:center;padding-top:50px}.tutorialModal{background:grey url(https://gvidasgvd.github.io/strategy-survival-game/images/introBckImg.JPG) no-repeat;background-size:100%;color:#dbdbdb;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.tutorialModal .introImage{min-width:100px;max-width:100px;margin:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end}.tutorialModal .introImage img{width:120px;height:200px;margin-bottom:80px}.tutorialModal .introTextBox{color:#fff;min-width:65%;max-width:65%;background-color:rgba(56,56,56,.562);border-top-right-radius:20px;border-bottom-right-radius:20px}.tutorialModal .introTextBox h3{font-size:24px}.tutorialModal .introTextField{color:#fff;font-size:16px}.white-text{color:#fff}.linkedin-link:hover{fill:#080d4d}.GP-link-box{width:45px;height:45px;background-color:#000;border-radius:4px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.GP-link-box:hover{background-color:#2c2c2c}.GP-link-box .GP-link{color:bisque;font-size:24px;font-weight:600}.GP-link-box .GP-link:link{text-decoration:none}.GP-link-box .GP-link:visited{text-decoration:none;color:bisque}.GP-link-box .GP-link:hover{text-decoration:none;color:#f7da36}.introBtnNext:focus,.introBtnPrevious:focus{color:#fff;border:none;outline-style:none}.icons-links{color:#fff;width:100%}.icons-links:visited{text-decoration:none;color:#fff}.icons-links:hover{color:#fff}.other-works-text{font-size:14px}@media (max-height:550px),only screen and (max-width:700px){.tutorialModal .introImage{min-width:50px;max-width:50px;margin:25px}.tutorialModal .introImage img{width:60px;height:100px;margin-bottom:40px}.tutorialModal .introTextBox{min-width:65%;max-width:65%;height:100%}.tutorialModal .introTextBox h3{font-size:14px}.tutorialModal .introTextField{font-size:11px}.GP-link-box{width:32px;height:32px}.GP-link-box .GP-link{font-size:18px;font-weight:600}.other-works-text{font-size:12px}}.gameModal{background-color:#ffebcd;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gameModal .gameContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:90%}.strategy-game-author-text{z-index:1}.exit-game-btn-box button{z-index:2;margin-top:30px}.leftGameSide{width:30%;padding:10px;height:90%}.leftUpperBox{height:310px;border:2px solid brown;margin-bottom:10px;border-radius:10px;overflow:overlay}.leftUpperBox .tutorialBoxTextField{padding:5px;color:#000;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode","Geneva","Verdana","sans-serif";font-weight:500}.rightGameSide{width:68%;border:3px solid brown;margin-top:10px;border-radius:10px;height:410px}@media (max-height:550px),only screen and (max-width:700px){.gameModal .gameContainer{height:90%}.exit-game-btn-box button,.rightGameSide{margin-top:10px}.rightGameSide{width:68%;border:3px solid brown;border-radius:10px;height:80%}.leftUpperBox{height:60%;border:2px solid brown;margin-bottom:10px;border-radius:10px;overflow:overlay}.leftUpperBox .tutorialBoxTextField{padding:2px;color:#000;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:10px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode","Geneva","Verdana","sans-serif";font-weight:500}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;background:rgba(0,0,0,.75)}.modalBox{position:fixed;top:calc(50% - 150px);left:calc(50% - 200px);width:400px;height:300px;overflow:hidden;background-color:rgba(53,50,47,.9);z-index:101;border-radius:20px;border-radius:15px;color:#dbdbdb;text-align:left;box-shadow:0 0 6px 3px hsla(0,0%,100%,.452)}@media (max-height:550px),only screen and (max-width:700px){.modalBox{width:350px;height:290px;top:calc(50% - 145px);left:calc(50% - 175px)}}.btn.btn-dark.btn-sm{background-color:rgba(47,79,79,.5)}.btn.btn-dark.btn-sm:focus{outline:none}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active{color:#fff;background-color:rgba(218,194,62,.7686274509803922);border:2px solid #dac33e;text-shadow:0 0 3px #000}.btn-secondary{border:2px solid rgba(218,195,62,0);border-radius:100px;padding:1px 4px}.buildings-field{width:500px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-left:4px;padding-top:4px}@media (max-height:550px),only screen and (max-width:700px){.buildings-field{width:99%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-left:4px;padding-top:4px}}.building-square{height:66px;width:66px;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row}.building-square,.building-square .building-square__inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.building-square .building-square__inner{height:65px;width:65px;border:1px solid rgba(49,49,49,.3764705882352941);border-radius:12px;background-color:#ebead5;overflow:hidden;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.building-square .building-square__inner:hover{cursor:pointer;background-color:#aaa64f}.building-square .building-square__inner.selected-field{background-color:#cfcfc5;border:2px solid rgba(255,243,23,.9333333333333333);box-shadow:0 0 5px #ff0}@media (max-height:550px),only screen and (max-width:700px){.building-square{width:14.28%;height:16.3%}.building-square .building-square__inner{height:99%;width:98%}}.purchase-box{background-color:#614728;cursor:pointer;border-radius:5px;min-height:85px;box-shadow:2px 2px 2px 1px brown}.purchase-box:hover{background-color:#887537}.purchase-box span,.purchase-title{color:#fff;font-size:12px}.purchase-box__icon_title{width:100%;padding-top:3px}.purchase-box__resources{width:100%;padding-bottom:3px}.errorMessage{font-size:14px;background-color:rgba(240,162,18,.671);padding:5px;text-align:center;border:2px solid rgba(99,66,4,.281);border-radius:5px;transition:ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(240,162,18,.671);border-radius:10px}@media (max-height:550px),only screen and (max-width:700px){.purchase-box span,.purchase-title{font-size:10px}.purchase-box{min-height:60px}.errorMessage{font-size:12px}.purchase-box__icon_title,.purchase-box__resources{width:50%;padding-top:0;padding-bottom:0}}.left-upper-container{height:310px;border:2px solid brown;margin-bottom:10px;border-radius:10px;overflow:overlay}.building-card{background-color:rgba(116,66,5,.363);border-radius:5px;min-height:120px;margin:5px;box-shadow:2px 2px 3px 1px brown}.building-title{color:#f8f2f2;background-color:rgba(43,25,3,.699);border-top-left-radius:5px;border-top-right-radius:5px;width:100%;text-align:center;margin-bottom:5px}.building-level-text,.building-title{font-weight:600;font-size:14px;padding:2px 0}.building-level-text{color:#f3f02a;background-color:rgba(43,25,3,.596);border-radius:3px}.building-info-text{font-size:12px;color:#e9e9e9;background-color:rgba(70,70,70,.801);border-radius:2px;padding:3px;margin:5px}.train-warriors-number{font-size:16px;color:#fff;background-color:rgba(70,70,70,.801);padding:0 10px;margin:2px 0;border-radius:5px;width:60px;text-align:center;border:3px solid rgba(238,207,173,.808)}.upgrade-building-box{background-color:#693213;margin:0 5px;border-radius:5px;padding:3px;box-shadow:2px 2px 3px 1px brown}.upgrade-building-box span{font-size:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#fff;padding:0 1px}.close-btn,.destroy-building-btn,.train-btn,.upgrade-btn{font-size:12px}.total-cost-text{width:100%;font-size:14px}.building-card__building-info-image,.building-card__building-info-text{width:100%}@media (max-height:550px),only screen and (max-width:700px){.left-upper-container{height:60%}.building-title{font-size:12px;font-weight:600;padding:0}.building-info-text{font-size:10px;margin:2px}.building-level-text{font-size:10px;font-weight:600}.upgrade-building-box{background-color:#693213;margin:0 5px;border-radius:5px;padding:2px;box-shadow:2px 2px 3px 1px brown}.close-btn,.destroy-building-btn,.train-btn,.upgrade-btn,.upgrade-building-box span{font-size:10px}.train-btn{padding:0 10px}.building-card{min-height:80px}.total-cost-text{width:auto;font-size:12px}.train-warriors-number{font-size:14px}.building-card__building-info-image{width:40%}.building-card__building-info-text{width:60%}}.game-info-card .game-info-card-header{font-weight:500;font-size:26px;font-style:italic;color:#000;background-color:#ceab7c;padding:5px 30px;border-bottom:3px solid brown;text-align:center}.game-info-card h4{line-height:1.5}.game-info-card .game-info-card__production{width:100%}.game-info-card .game-info-card__battle-losses,.game-info-card .game-info-card__production-title{font-weight:600;color:#fff;font-style:italic;background-color:#312310;border-bottom:1px solid #fff}.icon-float{position:absolute;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.icon-float__won-battle{left:-37%;top:40%;color:green;-webkit-animation-name:icon_color_change__won-battle;animation-name:icon_color_change__won-battle}.icon-float__lost-battle{left:37%;top:40%;color:red}.icon-float__lost-battle,.icon-float__lost-game{-webkit-animation-name:icon_color_change__lost-battle;animation-name:icon_color_change__lost-battle}.icon-float__lost-game{left:0;top:50%}.icon-float__won-game{left:0;top:60%;-webkit-animation-name:icon_color_change__won-battle;animation-name:icon_color_change__won-battle}@-webkit-keyframes icon_color_change__won-battle{0%{color:green}to{color:#ff0}}@keyframes icon_color_change__won-battle{0%{color:green}to{color:#ff0}}@-webkit-keyframes icon_color_change__lost-battle{0%{color:red}to{color:#ff0}}@keyframes icon_color_change__lost-battle{0%{color:red}to{color:#ff0}}@media (max-height:550px),only screen and (max-width:700px){.game-info-card .game-info-card-header{font-size:20px}.icon-float__lost-battle{left:37%;top:34%}}.navBar{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:40px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:brown;border-radius:20px;padding:5px 10px;color:#dbdbdb;border-bottom:2px solid #442f09}.navBar span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.navBar .nav-bar-people-block{width:30%;font-size:14px;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;margin-left:10px}.navBar .nav-bar-people-block .nav-bar-people{width:65px}.navBar .nav-bar-people-block .nav-bar-people svg{margin-right:2px}.navBar .nav-bar-time{width:26%;-webkit-justify-content:space-around;justify-content:space-around}.navBar .nav-bar-resources-block,.navBar .nav-bar-time{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-content:center;align-content:center}.navBar .nav-bar-resources-block{width:44%;-webkit-justify-content:space-between;justify-content:space-between}.navBar .nav-bar-resources{width:75px;font-size:14px;margin:auto}.navBar .nav-bar-resources svg{margin-right:2px;margin-bottom:2px}.navBar .nav-bar-time-days{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;font-size:12px;width:120px;margin:auto;background-color:#deb887;border-radius:5px;border:2px solid rgba(0,0,0,.548);color:brown}.navBar .nav-bar-time-days .nav-bar-time-days-number{width:50%;font-style:italic;text-align:right;margin-top:auto}.navBar .nav-bar-time-days .btn-set-timespeed{font-size:14px}.nav-bar-time-days-label{font-weight:600;font-style:italic;margin-top:auto}@media (max-height:550px),only screen and (max-width:700px){.nav-bar-time-days-label{font-size:10px;font-weight:400;margin:auto}.navBar{height:25px;padding:0 5px}.navBar .nav-bar-people-block{width:30%;font-size:12px;margin-left:2px}.navBar .nav-bar-resources{width:75px;font-size:12px;margin:auto}.navBar .btn-set-timespeed{font-size:10px}}.tutorial-intro-btn-next,.tutorial-intro-btn-previous{height:20px;width:20px;margin-right:3px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
/*# sourceMappingURL=main.7faed26c.chunk.css.map */