*{margin:0;padding:0;overflow:hidden;}*,*::before,*::after{box-sizing:inherit;}html{box-sizing:border-box;}body{background:url('pattern.png');font-family:"Open Sans",sans-serif;font-size:62.5%;letter-spacing:1.5px;margin:0;text-align:center;}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:.5em;}ul>li{list-style:none;}.card,.reset-btn{cursor:pointer;}.btn{border-radius:1em;border:none;color:#fff;box-shadow:5px 2px 20px 0 rgba(46,61,73,.5);padding:.8em;}h1{font-size:3em;font-weight:400;}h2{font-size:2.5em;font-weight:600;}p{font-size:1.6em;}h3{font-weight:400;}.score-panel{font-size:1.4em;padding:1em 0 2em;}.star-rating>li{display:inline-block;padding:.5em;}.moves-counter{padding:.5em;}.reset-btn{background:#000;}.timer-container{background:#fff;border-radius:.5em;color:#000;margin:.5em;padding:.5em;}.timer{font-size:1em;}.modal{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background-color:rgb(46,61,73);background-color:rgba(46,61,73,.6);}.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;margin:5% auto;border:.8em solid #fc4;padding-right:2em;width:80%;}.close{align-self:flex-end;color:#28e;font-size:5em;}.close:hover,.close:focus{color:#5cf;text-decoration:none;cursor:pointer;}.modal-img{display:inline-block;margin:1em 0 1em;width:15em;}p.stats{font-weight:600;}p.stats:last-child{margin-bottom:1em;}.play-again-btn{background:#28e;margin-bottom:1em;}.deck{background:linear-gradient(to bottom,rgb(248,122,5),rgb(204,26,19));border-radius:1.5em;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;height:35em;margin-bottom:6em;padding:.5em;width:35em;}.deck,.card{box-shadow:5px 2px 20px 0 rgba(46,61,73,.5);}.card{background:#fc4;border-radius:.5em;height:7em;width:7em;}img{user-select:none;width:6em;}.deck img{visibility:hidden;}.deck .card.flip{background:#fff;cursor:default;transform:rotateY(180deg);transition:transform .3s linear;pointer-events:none;}.flip img{background:#fff;visibility:visible;}.deck .card.match{background:#39d;visibility:visible;cursor:default;animation:pulse 1s;}.match img{background:#39d;}@keyframes pulse{0%{transform:scale(1)}80%{transform:scale(1.1)}100%{transform:scale(1)}}.footer{color:#666;margin-bottom:2em;}.footer>p{font-size:1em;padding:1em;}.footer a:link,.footer a:visited{color:#28e;text-decoration:none;}@media screen and (min-width:375px){.deck{height:50em;padding:2em;width:30em}.card{height:11em;width:11em}.deck img{width:9em}.modal-content h2{font-size:4em}.play-again-btn{font-size:1.8em}}@media screen and (min-width:550px){.deck{height:50em;padding:2em;width:50em}.card{height:10em;width:10em}.deck img{width:9em}.modal-content h2{font-size:4em}.play-again-btn{font-size:1.8em}}@media screen and (min-width:800px){h1{font-size:6em}p{font-size:2.3em}.deck{height:35em;width:60em}.card{height:13em;width:12em}.deck img{width:12em}.reset-btn{font-size:.8em}.footer{font-size:1.2em}.modal-content h2{font-size:5em}.modal-img{width:30em}.play-again-btn{font-size:2em}}@media only screen and (max-width:915px) and (orientation:landscape){h1{font-size:5em}p{font-size:2em}.deck{height:30em;width:30em}.card{height:5em;width:3em}.deck img{width:7.5em}.reset-btn{font-size:.8em}.footer{font-size:1.2em}.modal-content h2{font-size:5em}.modal-img{width:30em}.play-again-btn{font-size:2em}.deck{background:linear-gradient(to bottom,rgb(248,122,5),rgb(204,26,19));border-radius:1.5em;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;height:12em;margin-bottom:6em;padding:.5em;width:80em}.deck,.card{box-shadow:5px 2px 20px 0 rgba(46,61,73,.5)}.card{background:#fc4;border-radius:.5em;height:9em;width:9em}.modal{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:20%;background-color:rgb(46,61,73);background-color:rgba(46,61,73,.6)}.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;margin:1% auto;border:.8em solid #fc4;padding-right:5em;width:80%;max-height:390px}.modal-img{display:inline-block;margin:1em 0 1em;width:10em}.modal-content h2{font-size:3em}.modal-img{width:10em}}