*{margin: 0;padding: 0;}*,*::before,*::after{box-sizing: inherit;}*{box-sizing: border-box;}body{font-family: "Open Sans", sans-serif;font-size:16px;}ul > li{list-style: none;}h2.mgm-game-title{padding: 13px 0 40px;text-align: center;margin:-35px auto 0px;background: url(../images/fortune-title.svg) no-repeat 0 0;color: #fff;width: 320px;font-size: 1.4em;}.gm-container{margin: 100px auto; box-shadow: 0px 0px 5px #F2EA85; background: #F2EA85; border-radius: 10px; position: relative; padding: 10px;}.score-panel{font-size:18px;margin: 30px auto;text-align:center;}.score-panel div{margin-right:50px;}.move-box, .timer-container{display:inline-block; padding: 10px 0; background: #fff; border-radius: 5px;}.moves-counter{padding: 0.5em;}.reset-box{display:inline-block;padding:10px 0;background: #8dcc01;border-radius:5px;color: #fff;margin:0!important;}.reset-box span{vertical-align:middle;}.gm-refresh{width: 20px; margin-right: 5px; vertical-align: middle;}.timer-container{width:20%;}.move-box, .reset-box{width:13%;}.deck{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; height: 550px; padding: 20px; width: 550px; margin:0 auto;}.card{background: url("../images/memory-batch.svg") #7674F1 no-repeat center center; background-size: 50px; width: 120px; height: 120px; border-radius: 8px; transform: rotateY(180deg); transition: transform 0.3s linear;}.card img{width: 120px; height: 120px; user-select: none; visibility: hidden; border-radius: 8px;}.deck .card.flip{background: #fff;cursor: default;transform: rotateY(0deg);transition: transform 0.3s linear;pointer-events: none;}.flip img{visibility: visible;}.deck .card.match{background: #fff;visibility: visible;cursor: default;animation: pulse 1s;position:relative;}.deck .card.match img{border:2px solid green;}.match img{background: #fff;border-radius:8px;}.card,.reset-box,.submit-box,.play-again-box{cursor: pointer;}.deck .card.flip.not-match img{border:2px solid red;border-radius:8px;}@keyframes pulse{0%{transform: scale(1);}80%{transform: scale(1.1);}100%{transform: scale(1);}}/* popup page css */.popup-box{position:fixed;top: 0;left:0;right:0;bottom:0;display: none;z-index: 1;-webkit-background: rgba(46, 61, 73, 0.6);-moz-background: rgba(46, 61, 73, 0.6);-o-background: rgba(46, 61, 73, 0.6);background: rgba(46, 61, 73, 0.6);text-align:}.popup-content{position: absolute; transform: translate(-50%, -50%); top: 46%; left: 50%; width: 800px;max-width: 95%; max-height: 90vh; overflow: hidden; border-radius: 4px; padding: 100px;background: url(../images/fortunekquizebg.svg) no-repeat 0 0;background-size: 100%;}.popup-content p{margin:20px 0 0;}p.minutes-text{margin:20px 0 50px 0;}.submit-box{padding: 10px 50px; background:#050460; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px;}.play-again-box{padding: 10px 50px; background: #fe5e5e; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px;margin: 0 0 0 30px;}.show-movestimes{text-align:center;position: absolute;transform: translate(-50%, -50%);top: 46%;left: 50%;width: 700px;padding: 80px;background: url(../images/fortunekquizebg.svg) no-repeat 0 0;background-size: 100%;display:none;}.show-movestimes .mgm-game-title{margin:-85px auto 0px;}.memory-popup{display:none;text-align: left;position: absolute;transform: translate(-50%, -50%);top: 46%;left: 50%;width: 700px;background: #fff;padding: 30px;border-radius: 4px;}.submit-box:hover,.reset-box:hover,.play-again-box:hover{background: #08d2a2;}@media only screen and (max-width:1600px) and (min-width:1100px){.gm-container{margin: 60px auto 0;}.deck{width:500px;height:500px;padding:30px;}.card img,.card{width:100px;height:100px;}.score-panel{margin: 10px auto 30px;}.gm-container >h2.mgm-game-title{padding:13px 0 23px;}}@media only screen and (max-width:1100px){.gm-container{margin:60px 0 0;}h2.mgm-game-title{padding: 13px 0 25px;}.move-box, .reset-box{width:16%;}.timer-container{width:30%;}}@media only screen and (max-width:1000px){.gm-container{margin:50px 0 0;}.deck{width:450px;height:450px;padding:10px;}.card img,.card{width:100px;height:100px;}.move-box, .reset-box{width:20%;}}@media only screen and (max-width:650px){.show-movestimes >h2.mgm-game-title{margin: -110px auto 0; margin-bottom: 0px;background: #3529fe;padding: 13px 0 20px;border-radius: 0 0 20px 20px;margin-bottom: 20px;width: auto;font-size: 1.2em;}.score-panel div{margin:0 auto 17px!important;}.move-box, .reset-box{display:block;width:35%;}.timer-container{width:50%;}.memory-popup{width:90%;}.show-movestimes{background:#f97d9a;width:90%;border-radius:10px;}.show-movestimes .mgm-game-title{margin: -110px auto 0px;}.play-again-box,.submit-box{display:block;width:100%;margin:0 auto;padding:13px 0;}.play-again-box{margin:20px auto 0;}.deck{width: 400px;height: 400px;padding: 20px;}.card img, .card{width: 80px;height: 80px;}}@media only screen and (max-width:460px){h2{font-size:1.6em!important;}.score-panel{margin: -80px auto 0;}.deck{transform: scale(0.6);margin: -100px 0 0 -100px;width:550px;height:550px;padding:10px;}.card img, .card{width: 120px;height:120px;}.move-box, .reset-box{width: 50%;}.timer-container{width: 70%;}}@media only screen and (max-width:390px){.gm-container{margin: 70px 0 0;}.deck{transform: scale(0.5);margin:-130px 0 0 -122px;}.gm-container >h2.mgm-game-title{margin: -30px auto 0; margin-bottom: 0px;background: #3529fe;padding: 13px 0 20px;border-radius: 0 0 20px 20px;margin-bottom: 20px;width: auto;font-size: 1.2em;}}