*{margin:0;padding:0}body,html{height:100%}body{background-image:url(/static/media/craft-stick-game-4-3.2f930878838e6e6f40d4.jpg);background-size:cover;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center}h1{margin-bottom:2%;margin-top:8%;text-align:center}.container{grid-gap:.5em;border-radius:8px;display:grid;gap:.5em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);max-height:45em;max-width:40em}.card{align-items:center;-webkit-animation:hideCard 2s linear;animation:hideCard 2s linear;background-color:#f6ddf6;border-radius:10px;display:flex;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@-webkit-keyframes hideCard{0%,70%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes hideCard{0%,70%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.card img{-webkit-animation:hideImage 2s linear;animation:hideImage 2s linear;max-height:80%;max-width:80%;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@-webkit-keyframes hideImage{0%,70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes hideImage{0%,70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.card.active{-webkit-transform:rotateY(0);transform:rotateY(0)}.card.correct{background-color:#65e469}.card.wrong{background-color:#fd245a}.card.active img{-webkit-transform:scale(1);transform:scale(1)}
/*# sourceMappingURL=main.dcc79f00.css.map*/