body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#00a6ff;color:#fff;height:100vh;padding:20px;text-align:center}Button{border:none;border-radius:1.5rem;box-shadow:0 0 60px rgba(0,0,0,1.5rem);cursor:pointer;font-size:2em;padding:2.5rem 5rem}.menu{align-items:center;display:flex;justify-content:center;min-height:50vh;z-index:100}.Tetris{position:relative}.Board{grid-gap:2px;background:rgba(36,147,243,.851);border:10px solid hsla(0,0%,96%,.845);border-radius:.2em;box-shadow:0 5px 15px #00000059;display:grid;height:90vh;margin:1em auto;padding:2px;width:28vw}.BoardCell{background-color:hsla(0,0%,100%,.029);border-radius:6px;position:relative;width:auto}.tetromino{border-color:#ffffff1a #0000001a #0000001a #ffffff1a;border-style:solid;border-width:3px}.tetromino .Sparkle{background-color:hsla(0,0%,100%,.328);border-radius:4px 4px;height:6px;left:-2px;position:absolute;top:-2px;width:6px;z-index:10}.tetromino.ghost{background-color:initial;border:2px solid hsla(0,0%,100%,.214)}.tetromino.ghost .Sparkle{opacity:0}.tetromino__i{background-color:#ff7171}.tetromino__j{background-color:#8f3fff}.tetromino__l{background-color:#dfd624}.tetromino__o{background-color:#ffb95d}.tetromino__t{background-color:#fb52c3}.tetromino__s{background-color:#26d7ff}.tetromino__z{background-color:#50e726}.Preview{background:rgba(0,0,0,.187);border:10px solid #0000;border-radius:10px;left:70.2vw;position:absolute;top:0}.Preview-board{grid-gap:2px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:8vw;width:8vw}.GameStats{color:#ffffff80;list-style:none;margin:0;padding:0;position:absolute;width:27vw}.GameStats__left{right:0;text-align:left;top:22vh}.GameStats__right{bottom:0;right:0;text-align:left}.GameStats .value{color:#fff;font-size:2.8rem;margin-bottom:.5em}.GameController{position:absolute;top:-100em}.Info{background:rgba(0,0,0,.187);border:10px solid #0000;border-radius:10px;padding:10px;position:absolute;right:70.2vw;top:0;width:20rem}.Info-header{font-size:2.5em}.Info-body,.Info-controls{font-size:1.2em;margin:auto;text-align:left}.Info-body{line-height:1.2;margin:1.2em 0}
/*# sourceMappingURL=main.192f35f1.css.map*/