html,body{height:100%}body{min-height:100%;font-family:Lato,sans-serif;background:none transparent}.wrap{position:relative;height:100%;padding:20px;background-color:#000000bf}.game{transform-style:preserve-3d;perspective:500px;min-height:95%;height:95%;padding-top:80px}.score{color:#aaabad;height:60px;width:75%;max-width:500px;background-color:#fff;margin:0 auto 20px;border-radius:20px;text-align:center}.score p{font-size:30px;line-height:60px}#scoredisplay{position:absolute;top:10px;right:0;left:0;color:#aaabad;height:60px;width:75%;max-width:500px;background-color:#fff;margin:0 auto 20px;border-radius:20px;text-align:center;z-index:10}#scoredisplay p{font-size:30px;line-height:60px;float:left;margin-left:20px}#scorevalue{width:200px;text-align:center}@keyframes matchAnim{0%{background:#bcffcc}to{background:#fff}}.memorycard{float:left;width:16.6%;height:25%;padding:5px;text-align:center;display:block;perspective:500px;position:relative;cursor:pointer;z-index:50;-webkit-tap-highlight-color:transparent}.logocard{width:25%}.memorycard .inside{width:100%;height:100%;display:block;transform-style:preserve-3d;transition:.4s ease-in-out}.memorycard .inside.picked,.memorycard .inside.matched{transform:rotateY(180deg)}.memorycard .inside.prepicked .back,.memorycard .inside.picked .back,.memorycard .inside.matched .back{opacity:0}.memorycard .inside.matched .front{opacity:.6}.memorycard .front{transform:rotateY(-180deg)}.memorycard .front,.memorycard .back{transition:opacity .4s ease-in-out;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;padding:5px 0}.memorycard .front img,.memorycard .back img{max-width:100%;display:block;margin:0 auto;max-height:100%}.inside.prepicked{transform:rotateY(-180deg)}.front,.back{background-repeat:no-repeat;background-size:contain;background-position:center}@media (max-width: 800px){.memorycard .front{padding:5px}}@media (max-width: 800px){.memorycard .back{padding:5px}}.results-container{position:absolute;width:100%;height:100%;z-index:10;margin:0;padding:0}.results-popup{background-color:#fff;color:#000;border-radius:20px;text-align:center;position:relative;width:500px;max-height:80%;max-width:80%;margin:0 auto;top:50%;transform:translateY(-50%);padding:30px 30px 40px}.results-popup p{font-size:18px}
/*# sourceMappingURL=muistipeli.css.map */