body,html{margin:0;padding:0;background:#faf8ef;color:#776e65;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:18px}div{display:block}.game{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}.board{-ms-flex-order:1;order:1;width:440px;height:440px;padding:5px;border-radius:7px;outline:none;position:relative;margin-bottom:20px}.cell,.tile{width:100px;height:100px;margin:5px;line-height:90px;display:inline-block;font-size:55px;font-weight:700;text-align:center;vertical-align:middle;border-radius:7px}.scores-container{float:right;text-align:right}.score{position:relative;display:inline-block;background:#bbada0;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;margin:8px 5px;text-align:center}.score:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.score-container:after{content:"Score"}.best-container:after{content:"Best"}h1.title{font-size:80px;font-weight:700;margin:0;display:block;float:left}.heading{width:440px}.gameEnding{position:absolute;z-index:11;top:0;bottom:0;text-align:center;left:0;right:0;font-size:55px;font-weight:bolder;background-color:hsla(0,0%,87%,.5);border-radius:7px}.tryAgain{background-color:#876;color:#fff;height:40px;width:200px;font-size:20px;font-weight:700;cursor:pointer;border:none;border-radius:5px}.new{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:new linear forwards;animation:new linear forwards;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-delay:.2s;animation-delay:.2s}.addScore{color:#000;position:absolute;z-index:10;-webkit-animation:addScore .3s linear forwards;animation:addScore .3s linear forwards}.upgraded{-webkit-animation:upgraded .15s .1s linear forwards;animation:upgraded .15s .1s linear forwards}.hor-1{-webkit-animation:slideRight1 .1s linear forwards;animation:slideRight1 .1s linear forwards}.hor-2{-webkit-animation:slideRight2 .1s linear forwards;animation:slideRight2 .1s linear forwards}.hor-3{-webkit-animation:slideRight3 .1s linear forwards;animation:slideRight3 .1s linear forwards}.hor1{-webkit-animation:slideLeft1 .1s linear forwards;animation:slideLeft1 .1s linear forwards}.hor2{-webkit-animation:slideLeft2 .1s linear forwards;animation:slideLeft2 .1s linear forwards}.hor3{-webkit-animation:slideLeft3 .1s linear forwards;animation:slideLeft3 .1s linear forwards}.ver1{-webkit-animation:slideUp1 .1s linear forwards;animation:slideUp1 .1s linear forwards}.ver2{-webkit-animation:slideUp2 .1s linear forwards;animation:slideUp2 .1s linear forwards}.ver3{-webkit-animation:slideUp3 .1s linear forwards;animation:slideUp3 .1s linear forwards}.ver-1{-webkit-animation:slideDown1 .1s linear forwards;animation:slideDown1 .1s linear forwards}.ver-2{-webkit-animation:slideDown2 .1s linear forwards;animation:slideDown2 .1s linear forwards}.ver-3{-webkit-animation:slideDown3 .1s linear forwards;animation:slideDown3 .1s linear forwards}@-webkit-keyframes new{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes new{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes upgraded{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes upgraded{0%{-webkit-transform:scale(1.4);transform:scale(1.4)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes addScore{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}75%{-webkit-transform:translateY(-37.5px);transform:translateY(-37.5px);opacity:1}to{-webkit-transform:translateY(-75px);transform:translateY(-75px);opacity:0}}@keyframes addScore{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}75%{-webkit-transform:translateY(-37.5px);transform:translateY(-37.5px);opacity:1}to{-webkit-transform:translateY(-75px);transform:translateY(-75px);opacity:0}}@-webkit-keyframes slideRight1{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(110px);transform:translateX(110px)}}@keyframes slideRight1{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(110px);transform:translateX(110px)}}@-webkit-keyframes slideRight2{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(220px);transform:translateX(220px)}}@keyframes slideRight2{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(220px);transform:translateX(220px)}}@-webkit-keyframes slideRight3{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(330px);transform:translateX(330px)}}@keyframes slideRight3{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(330px);transform:translateX(330px)}}@-webkit-keyframes slideLeft1{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-110px);transform:translateX(-110px)}}@keyframes slideLeft1{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-110px);transform:translateX(-110px)}}@-webkit-keyframes slideLeft2{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-220px);transform:translateX(-220px)}}@keyframes slideLeft2{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-220px);transform:translateX(-220px)}}@-webkit-keyframes slideLeft3{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-330px);transform:translateX(-330px)}}@keyframes slideLeft3{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(-330px);transform:translateX(-330px)}}@-webkit-keyframes slideUp1{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-110px);transform:translateY(-110px)}}@keyframes slideUp1{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-110px);transform:translateY(-110px)}}@-webkit-keyframes slideUp2{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-220px);transform:translateY(-220px)}}@keyframes slideUp2{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-220px);transform:translateY(-220px)}}@-webkit-keyframes slideUp3{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-330px);transform:translateY(-330px)}}@keyframes slideUp3{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(-330px);transform:translateY(-330px)}}@-webkit-keyframes slideDown1{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(110px);transform:translateY(110px)}}@keyframes slideDown1{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(110px);transform:translateY(110px)}}@-webkit-keyframes slideDown2{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(220px);transform:translateY(220px)}}@keyframes slideDown2{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(220px);transform:translateY(220px)}}@-webkit-keyframes slideDown3{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(330px);transform:translateY(330px)}}@keyframes slideDown3{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(330px);transform:translateY(330px)}}.emoji{float:left;position:absolute;left:0;top:-24px;width:30px;height:25px}.emojiMarch{-webkit-animation:emojiMarch 7s linear infinite;animation:emojiMarch 7s linear infinite}@-webkit-keyframes emojiMarch{0%{left:0;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}24%{left:447px;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{left:447px;top:-24px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}49%{left:447px;top:447px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{left:447px;top:448px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}74%{left:-25px;top:448px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{left:-25px;top:447px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}99%{left:-25px;top:-24px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{left:-25px;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes emojiMarch{0%{left:0;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}24%{left:447px;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{left:447px;top:-24px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}49%{left:447px;top:447px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{left:447px;top:448px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}74%{left:-25px;top:448px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{left:-25px;top:447px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}99%{left:-25px;top:-24px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{left:-25px;top:-24px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.board{background-color:#baa}.alpha{-webkit-box-shadow:0 0 40px 10px #ec2;box-shadow:0 0 40px 10px #ec2}.cell,.tile{color:#766}.cell,.tile,.tile0{background-color:#dcb}.tile2{background-color:#eee}.tile4{background-color:#eec}.tile8{color:#ffe;background-color:#fb8}.tile16{color:#ffe;background-color:#f96}.tile32{color:#ffe;background-color:#f75}.tile64{color:#ffe;background-color:#f53}.tile128{background-color:#ec7}.tile128,.tile256{color:#ffe;font-size:45px}.tile256{background-color:#ec6}.tile512{color:#ffe;background-color:#ec5;font-size:45px}.tile1024{background-color:#ec3}.tile1024,.tile2048{color:#fff;font-size:35px}.tile2048{background-color:#ec2}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s 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(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.overlay{position:absolute;z-index:10}.toBeDeleted{z-index:9}.col0{left:5px}.col1{left:115px}.col2{left:225px}.col3{left:335px}.row0{top:5px}.row1{top:115px}.row2{top:225px}.row3{top:335px}
/*# sourceMappingURL=main.ac312e83.css.map*/