.well-container{position:relative;-ms-flex-preferred-size:295px;flex-basis:295px;background-color:#e4faff}@media screen and (max-width:451px){.well-container{-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width:321px){.well-container{-ms-flex-preferred-size:440px;flex-basis:440px}}.well-container .well-grid{position:relative;width:100%;height:100%}.well-container .well-grid li.square-block-container{position:absolute}.well-container .well-grid li.square-block-container .square-block{width:100%;height:100%}.well-container .tetromino{position:absolute}.well-container .tetromino .square-block-container{position:absolute;width:25%;height:25%}.well-container .tetromino .square-block-container .square-block{width:100%;height:100%}.well-container .overlay{position:absolute;top:0;height:calc(100% - 30px);color:#0d2e6d;padding:15px;line-height:2;overflow:hidden;background:rgba(228,250,255,.5)}.well-container .overlay a{text-decoration:none}.info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:2 1;flex:2 1}.info-container:after{content:" ";display:block;clear:both}.info-container .info-title{text-align:center;padding-top:5px;padding-bottom:10px;color:#fff;font-family:monospace}.info-container .info-title.big{font-size:33px}.info-container .info-title.small{font-size:24px}.info-container .info-value{color:#fff;font-family:monospace;text-align:center;font-size:20px}.info-container .next-tetro{position:relative;min-height:220px;background-color:#a2e2ef}@media screen and (max-width:451px){.info-container .next-tetro{display:none}}.info-container .next-tetro .tetromino{position:absolute}.info-container .next-tetro .tetromino .square-block-container{position:absolute;width:25%;height:25%}.info-container .next-tetro .tetromino .square-block-container .square-block{width:100%;height:100%}.info-container .score{min-height:165px;background-color:#5fd1d7}@media screen and (max-width:451px){.info-container .score{display:none}}.info-container .score .section:first-of-type{margin-top:10px;margin-bottom:10px}.info-container .control-buttons{-ms-flex-preferred-size:35%;flex-basis:35%;background-color:#44b4cf}.info-container .control-buttons .start-game{text-align:center;margin-top:55px}@media screen and (max-width:451px){.info-container .control-buttons .start-game{margin-top:10px}}.info-container .control-buttons .start-game .gameStatus-btn{width:70px;height:30px;cursor:pointer;color:#fff;font-weight:600;text-transform:capitalize;border:none;outline:none;border-radius:20px;background-color:#ef9d9d}.info-container .control-buttons .start-game .gameStatus-btn:first-of-type{margin-right:15px}.info-container .control-buttons .start-game .gameStatus-btn:active{background-color:#ef7c7c}.info-container .directions-control{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;margin-top:40px}@media screen and (max-width:451px){.info-container .directions-control{margin-top:15px;padding-bottom:10px}}.info-container .directions-control .d-btn button{width:38px;height:38px;cursor:pointer;font-size:25px;color:#216fa7;background-color:#cdf3bf;border-radius:0}.info-container .directions-control .d-btn button:not(:nth-of-type(4)){border-right:1px solid #44b4cf}.info-container .directions-control .d-btn button:active{background-color:#b3f59b}*{margin:0;padding:0}body,html{height:100%;overflow:hidden}ul li{list-style:none}button{outline:none;border:none}#root{margin:0 auto;overflow:auto;position:relative;top:20px;width:530px;height:590px}@media screen and (max-width:451px){#root{width:340px;height:100%;top:10px}}@media screen and (max-width:321px){#root{width:260px;height:100%}}#root .tetris-container{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100%;height:100%}@media screen and (max-width:451px){#root .tetris-container{-ms-flex-direction:column;flex-direction:column;height:550px}}.github-fork{display:block}@media screen and (max-width:751px){.github-fork{display:none}}.github-fork img{position:fixed;top:0;right:0;border:0}
/*# sourceMappingURL=main.ea879527.css.map*/