.cell-size,.field-cell,.info{width:100px;height:100px}.control-size,.button{width:120px;height:100px}body{font-display:swap;backdrop-filter:blur(2px);background:#fbf8ef url(background-image_2048.99ade38a.jpg) 0 0/cover no-repeat;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0;font-family:Montserrat,sans-serif;font-size:46px;font-weight:700;display:-ms-flexbox;display:flex}.animation-appear{animation:.2s ease-out appear}.animation-connect{animation:.2s ease-out connect}.field-cell{text-shadow:1px 1px 2px #9d9288;color:#776e65;box-sizing:border-box;text-align:center;vertical-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px}.field-cell--2{background:#eee4da}.field-cell--4{background:#ede0c8}.field-cell--8{color:#f9f6f2;background:#f2b179}.field-cell--16{color:#f9f6f2;background:#f59563}.field-cell--32{color:#f9f6f2;background:#f67c5f}.field-cell--64{color:#f9f6f2;background:#f65e3b}.field-cell--128{color:#f9f6f2;background:#edcf72}.field-cell--256{color:#f9f6f2;background:#edcc61}.field-cell--512{color:#f9f6f2;background:#edc850}.field-cell--1024{color:#f9f6f2;background:#edc53f}.field-cell--2048{color:#f9f6f2;background:#edc22e}.game-field{border-spacing:10px;background:#bbada0;border-radius:5px}.game-header{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;display:-ms-flexbox;display:flex}h1{color:#776e65;box-sizing:border-box;border-radius:5px;-ms-flex-pack:center;justify-content:center;margin:0;font-size:72px;display:-ms-flexbox;display:flex}.info{color:#776e65;box-sizing:border-box;background:#fff2e6;border-radius:5px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-size:26px;display:-ms-flexbox;display:flex;position:relative}.game-score-number{color:#776e65;opacity:0;z-index:1;font-size:21px;position:absolute;transform:translate(50%,50%)}.animation-number-slide{animation:.8s ease-out number-slide}.controls{-ms-flex-direction:row;flex-direction:row;gap:8px;transition:all;display:-ms-flexbox;display:flex;position:relative}.button{cursor:pointer;color:#f9f6f2;border:none;border-radius:5px;outline:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0;font-family:inherit;font-size:21px;font-weight:700;display:-ms-flexbox;display:flex}.start{background:#1dae28}.start:hover{background:#179921}.restart{background:#f1b2b2}.restart:hover{background:#f87474}.message{box-sizing:border-box;color:#776e65;text-align:center;background:#fff2e6;border-radius:5px;width:100%;padding:10px;font-size:21px}.message-start{opacity:0;transition:all 1s ease-out;position:absolute;transform:scale(0);box-shadow:0 2px 5px 1px #776e65}.hidden{display:none}.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative}.message-win{color:#f9f6f2;background:#edc22e;transition:all 1s ease-in;animation:.8s ease-out appear;position:absolute;bottom:0%;transform:scale(1)}.message-lose{color:#f9f6f2;background:#f87474;transition:all 1s ease-in;animation:.8s ease-out appear;position:absolute;bottom:0%;transform:scale(1)}.message-container{opacity:1;width:100%;height:150px;transition:all 1s ease-in}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes button-bloom{0%{box-shadow:none;background-color:#1dae28}to{background-color:#f87474;box-shadow:0 0 20px 5px #f87474}}@keyframes number-slide{0%{opacity:0;transform:translate(50%,50%)}to{opacity:1;transform:translate(50%,-120%)}}
/*# sourceMappingURL=portfolio-2048-game.f635ad86.css.map */