#page{min-height:100vh;width:100%}#background{min-height:100%;background:#c4d9dc;margin-top:0;padding:.1em 0 .6em;box-sizing:border-box;position:relative}.card-size{min-width:8.7em;min-height:8.8em}#score,#attempts{color:#463b3b!important;font-size:1.3em;padding:.05em;display:flex;justify-content:center;align-content:space-evenly;align-items:center;flex-wrap:wrap}#message{color:#b5725b!important;font-size:1.3em;font-weight:700;display:flex;padding:.3em;margin:0 auto}#buttons{display:flex;margin:.3em;text-align:center}#controls{padding:0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:space-evenly;border-top:1em solid #E1E5CC;text-align:center;gap:.2em;background:#f1eebd}.skoory{line-height:80%;text-align:center;margin:0 auto;padding-top:.2em;padding-left:.3em;height:1.7em;width:60%}.memory-game{min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;flex-flow:row wrap;perspective:1600px;margin:.02em;background:#d3e1bc;gap:.02em;border-top:1.4em solid #D3E1BC;border-bottom:1.4em solid #D3E1BC}.memory-card{width:calc(20% - 16px);height:calc(16% - 15px);transition:all .5s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:scale(1);display:flex;justify-content:center;align-items:center;flex-flow:row wrap;margin:.08em;border:.1em solid #D3E1BC;cursor:pointer}.memory-card.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.memory-card:active{transform:scale(.96);transition:transform .2s;-webkit-transform:scale(.96);-webkit-transition:transform .2s}.front-face{min-width:100%;min-height:100%;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;background:linen;color:#000700;font-size:2.9em;text-align:center;border:.12em solid #8DB562;margin:.08em;line-height:210%}.back-face{min-width:100%;min-height:100%;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;background:#c8d5ab;color:#e5b73b;font-size:3.6em;font-weight:700;text-align:center;border:.09em solid #BECAAA;margin:.1em;line-height:226%}.front-face{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.back-face{transform:rotateY(0);-webkit-transform:rotateY(0deg)}#buttons .button--tertiary{background:#fcd752!important;color:#262020!important;font-size:1em!important;text-align:center;padding:.2em;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:space-evenly;border:.15em solid #B59E44;border-radius:8px}#buttons button:hover{cursor:pointer;background-color:#e9dddd!important;color:#463b3b;border:.15em solid #b4acac;border-radius:8px}.line-tight{font-size:2.6em;line-height:90%;padding-top:.24em;border:.14em solid #8DB562!important}.line-lower{font-size:2.34em;line-height:104%;padding-top:1em;border:.14em solid #8DB562!important}@media screen and (max-width: 960px){#background,#buttons .button--tertiary,#buttons button:hover{font-size:90%}.figure{width:70%}}@media screen and (max-width: 840px){#background,#buttons .button--tertiary,#buttons button:hover{font-size:87.5%}.figure{width:80%}}@media screen and (max-width: 720px){#background,#buttons .button--tertiary,#buttons button:hover{font-size:75%}.figure{width:90%}}@media screen and (max-width: 320px){#background,#buttons .button--tertiary,#buttons button:hover{font-size:45%}.figure{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/407/assets/TTLcardgame.css.map */