*{margin:0;padding:0}body,html{height:100%}body{align-items:center;background:linear-gradient(109.6deg,#242d39 11.2%,#10253c 51.2%,#000 98.6%);display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;justify-content:center}h1{color:#e6eff7;margin-bottom:1em;text-align:center}.container{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:700px;width:700px}.card{align-items:center;-webkit-animation:hideCard 2s linear;animation:hideCard 2s linear;background:radial-gradient(circle,#dfe3f2 1%,hsla(256,6%,66%,.183) 100%);border-radius:5px;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.724d2133.css.map*/