@import url(https://fonts.googleapis.com/css2?family=Bigelow+Rules&family=Cormorant+SC:wght@500&family=Montserrat:wght@100&family=Source+Sans+Pro:wght@200&family=Ubuntu:wght@300&display=swap);*{margin:0;padding:0}body,html{height:100%}.text{color:#898aa6;font-size:50px;margin-bottom:30px;text-align:center}body{align-items:center;background-color:#a4ebf3;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;justify-content:center}.container{grid-gap:1em;background-color:#ccf2f4;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:500px;width:500px}.card{align-items:center;background-color:#f4f9f9;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 5s linear;animation:hideImage 5s 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.c8aef91b.css.map*/