body{background:#880e4f;padding:10px;font-family:Helvetica,Arial,Sans-Serif}#app{display:grid;grid-template-columns:repeat(auto-fit,80px);grid-auto-rows:80px;grid-gap:5px;justify-content:center;perspective:800px;max-width:1080px;margin:.5em auto}i.fas{font-size:40px;color:#333}.victoryState{grid-column-start:9;grid-column-end:12;text-align:center;justify-content:space-around}#app>.card,.victoryState{display:flex;align-items:center}#app>.card{background:#fff;justify-content:center;border-radius:5px;box-shadow:2px 2px 0 0 #212121;cursor:pointer;-webkit-animation:flipUp .5s forwards;animation:flipUp .5s forwards}#app>.card img{opacity:1;transition:opacity .5s}#app>.card.down{-webkit-animation:flipDown .5s forwards;animation:flipDown .5s forwards}#app>.card.down img{opacity:0}#app>.card.matched{-webkit-animation:matching .3s forwards;animation:matching .3s forwards}@-webkit-keyframes flipDown{0%{background:#fff;transform:rotateY(0deg);box-shadow:2px 2px 0 0 #212121}to{background:#f06292;transform:rotateY(180deg);box-shadow:-2px 2px 0 0 #212121}}@keyframes flipDown{0%{background:#fff;transform:rotateY(0deg);box-shadow:2px 2px 0 0 #212121}to{background:#f06292;transform:rotateY(180deg);box-shadow:-2px 2px 0 0 #212121}}@-webkit-keyframes flipUp{0%{background:#f06292;transform:rotateY(180deg);box-shadow:-2px 2px 0 0 #212121}to{background:#fff;transform:rotateY(0deg);box-shadow:2px 2px 0 0 #212121}}@keyframes flipUp{0%{background:#f06292;transform:rotateY(180deg);box-shadow:-2px 2px 0 0 #212121}to{background:#fff;transform:rotateY(0deg);box-shadow:2px 2px 0 0 #212121}}@-webkit-keyframes matching{0%{background:#fff}to{background:#ffb6c1}}@keyframes matching{0%{background:#fff}to{background:#ffb6c1}}.transparent{opacity:0}#status{padding:0 3em .3em 3em}#settings{padding:3em 2.5em 2.5em 1em}.input{margin:0 1em 1em 3em!important}#saveBtn{margin-right:3em!important}#newRoundBtn,#saveBtn{background-color:#fce4ec}#reconfBtn{margin-right:.5em!important}.statusCard{padding:.4em}#cancelModalBtn{background-color:#fce4ec;margin:.5em}#okModalBtn{background-color:#d81b60;margin:.5em}#logo{color:#880e4f;text-indent:50px;letter-spacing:3px;font-family:Nirmala UI,sans-serif;margin-bottom:1em;text-shadow:1px 1px #f48fb1;font-style:oblique}#victory{padding:3em;min-height:13em}