*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.info{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1em}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90%;margin:0 auto;font-family:Courier New, Courier, monospace}.game-area{background:-webkit-gradient(linear, left top, left bottom, from(#00d0bA), to(#aa7ed1));background:linear-gradient(#00d0bA, #aa7ed1);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3vh 3vh 0 3vh;border-radius:10px}.card{position:relative;width:70px;height:70px;background:#2b3d4a;margin-bottom:1em;border-radius:5px}.card>i{display:none}.show-fa-icon{display:inline}.fa-paper-plane-o,.fa-diamond,.fa-cube,.fa-anchor,.fa-bolt,.fa-bicycle,.fa-leaf,.fa-bomb,.fa-leaf{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff}.flipped-face-card{background:#12c1df;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.matched-face-card{background:#04ccbd;-webkit-animation-name:match-cards;animation-name:match-cards;-webkit-animation-duration:1s;animation-duration:1s}.notmatched-face-card{background:#f95b3c;-webkit-animation-name:un-match-cards;animation-name:un-match-cards;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes un-match-cards{50%{right:5px;top:0}50%{right:-5;top:0}}@keyframes un-match-cards{50%{right:5px;top:0}50%{right:-5;top:0}}@-webkit-keyframes match-cards{50%{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{bottom:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes match-cards{50%{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{bottom:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.model-box{font-family:Courier New, Courier, monospace;display:none;width:50%;height:30%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:1em;background:#000;background:-webkit-gradient(linear, right top, left top, from(rgba(1,1,1,0.7)), to(rgba(0,0,0,0.7)));background:linear-gradient(to left, rgba(1,1,1,0.7), rgba(0,0,0,0.7));color:#ffffff;border:1px solid #04ccbd;z-index:10;font-size:1rem;text-align:center}.model-box h2{font-size:2rem}.star-checked{color:#04ccbd}.moves #span-moves{font-weight:bold}.restart{text-transform:uppercase}.restart #btn-restart{width:150px;height:30px;border-radius:5px;background:#04ccbd;color:#000;font-weight:bold;border:none;cursor:pointer}.restart #btn-restart #btn-restart:hover{background:#aa7ed1}@media screen and (min-width: 380px){.card{width:80px;height:80px}}@media screen and (min-width: 439px){.container{width:90%;margin:0 auto}}@media screen and (min-width: 490px){.container{width:80%;margin:0 auto}.info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.5em}.stars{width:20%;text-align:right}.moves{width:20%}.refresh{width:20%}}@media screen and (min-width: 434px){.container{width:90%}}@media screen and (min-width: 480px){.container{width:80%}}@media screen and (min-width: 538px){.container{width:70%}}@media screen and (min-width: 612px){.container{width:65%}}@media screen and (min-width: 659px){.container{width:60%}}@media screen and (min-width: 712px){.container{width:50%}}@media screen and (min-width: 826px){.container{width:45%}}@media screen and (min-width: 940px){.container{width:40%}}@media screen and (min-width: 1058px){.container{width:35%}}@media screen and (min-width: 1207px){.container{width:30%}}@media screen and (min-width: 1514px){.container{width:40%}.card{width:130px;height:130px}}@media screen and (min-width: 1787px){.container{width:45%}.card{width:160px;height:160px}}