html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}body,html{width:100%;height:100%;margin:0;padding:0}.container_memgame{background:#fff;font-family:Amaranth,sans-serif;font-size:16px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:carddeck_gradient 15s ease infinite;border-radius:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}h1{font-family:Amaranth,sans-serif}.deck{width:85%;background:#f6ffa7;padding:1rem;border-radius:10px;box-shadow:8px 9px 26px 6px rgba(23,33,41,.5);display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:0 0 3em}.deck .card{height:3.7rem;width:3.7rem;margin:.2rem .2rem;background:#4e044e;font-size:0;color:#fff;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:5px 2px 20px 0 rgba(46,61,73,.5)}.deck .card.open{transform:rotateY(0);background:#022add;cursor:default;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-duration:.75s}.deck .card.show{font-size:33px}.deck .card.match{cursor:default;background:#036300;font-size:33px;animation-name:rubberBand;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-duration:.75s}.deck .card.unmatched{animation-name:pulsecard;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-duration:.75s;background:#c00030}.deck .card.disabled{pointer-events:none;opacity:.9}.score-panel{text-align:left;margin-bottom:10px;font-size:1.2em}.score-panel .stars{margin:0;padding:0;display:inline-block;margin:0 5px 0 0}.score-panel .stars li{list-style:none;display:inline-block}.score-panel .restart{float:right;cursor:pointer}.fa-star{color:gold;font-size:1.6em}.moves{display:inline-block;margin:0 10px 0 30px;font-size:1.2em}.timer{display:inline-block;margin:0 1rem;font-size:1.2em}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;z-index:999}.overlay:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:85%;position:relative;transition:all 5s ease-in-out;font-family:Amaranth,sans-serif;z-index:9999}.popup h2{margin-top:0;color:#333;font-family:Amaranth,sans-serif;font-size:2em}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:4em;font-weight:700;text-decoration:none;color:#000}.popup .close:hover{color:#da0000}.content-2,.popup .content-1{max-height:30%;overflow:auto;text-align:center;font-size:1.4em}.show{visibility:visible!important;opacity:100!important}#starRating li{display:inline-block}#play-again{background-color:#141214;padding:.7rem 1rem;font-size:1.8em;display:block;margin:0 auto;width:50%;font-family:Amaranth,sans-serif;color:#fff;border-radius:5px}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}@keyframes pulsecard{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.2,1.2,1.2)}to{transform:scale3d(1,1,1)}}@keyframes carddeck_gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media (max-width:320px){.deck{width:85%}.deck .card{height:4.7rem;width:4.7rem}}@media (min-width:768px){.container{font-size:22px}.deck{width:760px;height:480px}.deck .card{height:105px;width:155px}.popup{width:60%}}