body{margin:0;padding:0;font-family:sans-serif}body,html{min-width:480px}body{background-color:#f5f7fa;color:#0a1612}.App{text-align:center;margin:0 auto;width:100vw;height:173vw;position:relative}@media (min-aspect-ratio:9/16){.App{height:96vh;width:55.68vh}}.panel{height:67%;margin:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.panel_main{width:67%}.panel_aside{width:33%}.App-logo{-webkit-animation:App-logo-spin infinite .3s linear;animation:App-logo-spin infinite .3s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(80deg);transform:rotate(80deg)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(80deg);transform:rotate(80deg)}}.score{margin-top:0}h1{text-align:center;text-transform:uppercase}.well{display:inline-block;position:relative;margin:0 auto;vertical-align:top;border:4px solid #202020;-webkit-box-shadow:inset -2px -2px 2px rgba(32,32,32,.8),inset 2px -2px 2px rgba(32,32,32,.8);box-shadow:inset -2px -2px 2px rgba(32,32,32,.8),inset 2px -2px 2px rgba(32,32,32,.8);border-top:0;height:90%;width:85.2985%}.brick{background-color:#550c18;position:absolute;border-width:0 0 1px 1px;border-style:solid;border-color:#3e0912;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:-1}.brick.brick_preview{width:25%;height:50%}.brick_dead{background-color:#2f070e;border:1px solid #1f0509;background-image:url(/reactris/static/media/rock3.66b41f1a.jpg)}.panel_aside{display:inline-block;vertical-align:top}.panel_aside .btn{width:60%;margin:0 auto;font-style:italic}.panel_aside .heading{font-size:1.8rem}.panel_aside .score_box{font-family:monospace;width:60%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:.6rem auto 1.4rem;text-align:right;padding-right:.5em;background-color:#fff;color:#000;font-size:1.75rem}.btn{background-color:#87b9f6;color:#04274c;display:block;font-size:1.25rem;padding:.5em;font-weight:700}@-webkit-keyframes pulse{0%{background-color:#87b9f6}50%{background-color:#fff}to{background-color:#87b9f6}}@keyframes pulse{0%{background-color:#87b9f6}50%{background-color:#fff}to{background-color:#87b9f6}}.press_me{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.preview{display:inline-block;position:relative;margin:0 auto;vertical-align:top;width:80%;height:11.43%;margin:1rem 0 2rem}.header{width:100%}.footer{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .btn{-ms-flex:0 0 32%;flex:0 0 32%}.modal{position:absolute;width:70%;left:15%;top:20%;color:#04274c;z-index:10;text-align:center;opacity:.95;-webkit-box-shadow:0 0 24px 8px #87b9f6;box-shadow:0 0 24px 8px #87b9f6;border:2px groove #04274c;background-color:#fbfcfd}.modal,.modal span{vertical-align:middle}.modal span{display:inline-block;font-size:2.2rem;padding:1.8rem;font-style:italic}
/*# sourceMappingURL=main.9fc7a4fd.css.map*/