body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3c424e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}.g{background-color:#555}.i{background-color:aqua}.j{background-color:#6868ff}.l{background-color:orange}.o{background-color:#ff0}.s{background-color:#17dc17}.t{background-color:#f0f}.z{background-color:red}.x{background-color:#f5f5f5}.tetris-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.tetris{display:flex;margin-top:-50px;position:relative}.tetris-grids{box-sizing:border-box;margin-left:150px}.tetris-pre-grid{border:4px solid transparent;border-bottom:0;border-top:0;height:84px;overflow:hidden}.tetris-grid{background-color:#31353d;border:4px solid #bdbdbd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:0;box-shadow:0 0 20px 1px #a399bd;-webkit-clip-path:inset(.5px -100px -100px -100px);clip-path:inset(.5px -100px -100px -100px);overflow:hidden}.tetris-grid.shake{-webkit-animation:tilt-n-move-shaking .1s;animation:tilt-n-move-shaking .1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}50%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}75%{-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}50%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}75%{-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.tetris-grid .row,.tetris-pre-grid .row{clear:both}.tetris-grid .row .cell,.tetris-pre-grid .row .cell{border:.5px solid #222;box-sizing:border-box;float:left;height:28px;width:28px}.tetris-pre-grid .row .cell{border:.5px solid transparent}.tetris-pre-grid .i,.tetris-pre-grid .j,.tetris-pre-grid .l,.tetris-pre-grid .o,.tetris-pre-grid .s,.tetris-pre-grid .t,.tetris-pre-grid .z{border:.5px solid #000!important}.tetris-grid .row .cell:first-child{border-left:0}.tetris-grid .row:last-child .cell{border-bottom:0}.next-pieces{margin-top:84px;width:150px}.next-pieces h2{color:#f5f5f5;font-size:22px;margin-bottom:40px;margin-top:0;opacity:.8;text-align:center;text-shadow:1px 1px 16px}.next-pieces .piece-row{clear:both}.next-pieces .piece{align-items:center;display:flex;flex-direction:column;margin-bottom:35px}.next-pieces .piece-row .piece-cell{border-right:0;border-top:0;box-sizing:border-box;float:left;height:22px;width:22px}.next-pieces .piece-row .piece-cell-full{border:1px solid #222}.overlay{align-items:center;background-color:#00000044;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:100%}.game-over,.pause{color:#f5f5f5;font-size:60px;margin-bottom:140px;text-align:center;text-shadow:1px 1px 16px}.game-over small{display:block;font-size:42px}.score{color:#f5f5f5;font-size:45px;margin-top:20px;opacity:.8;text-align:center;text-shadow:1px 1px 16px}.score .level{color:#ababcd;font-size:15px}
/*# sourceMappingURL=main.82d00281.css.map*/