#card{width:150px;height:150px;margin:1rem;position:relative;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#card>.img-container{height:100%;overflow:hidden;background:#fff}#card>.img-container>img{height:100%}#card:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);cursor:pointer}#card:active{-webkit-transform:translate(1px,1px);-ms-transform:translate(1px,1px);transform:translate(1px,1px)}.shake{-webkit-animation:shake .5s .0125s;animation:shake .5s .0125s}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}12.5%,37.5%,62.5%,87.5%{-webkit-transform:translate(-10px);transform:translate(-10px)}25%,50%,75%{-webkit-transform:translate(10px);transform:translate(10px)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}12.5%,37.5%,62.5%,87.5%{-webkit-transform:translate(-10px);transform:translate(-10px)}25%,50%,75%{-webkit-transform:translate(10px);transform:translate(10px)}}.navbar .correct{-webkit-animation:1s correct;animation:1s correct}.navbar .incorrect{-webkit-animation:1s incorrect;animation:1s incorrect}@-webkit-keyframes correct{0%{color:#fff}20%{color:#2e7d32}40%{color:#fff}60%{font-weight:#2e7d32}80%{font-weight:white}to{font-weight:#2e7d32}}@keyframes correct{0%{color:#fff}20%{color:#2e7d32}40%{color:#fff}60%{font-weight:#2e7d32}80%{font-weight:white}to{font-weight:#2e7d32}}@-webkit-keyframes incorrect{0%{color:#fff}20%{color:#c62828}40%{color:#fff}60%{font-weight:#c62828}80%{font-weight:white}to{font-weight:#c62828}}@keyframes incorrect{0%{color:#fff}20%{color:#c62828}40%{color:#fff}60%{font-weight:#c62828}80%{font-weight:white}to{font-weight:#c62828}}.navbar{position:fixed;background:#383838;width:100%;-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);color:#fff;font-size:40px;font-family:Tangerine,serif;text-shadow:2px 2px 4px #f81c0c}.navbar ul{margin:0;padding:0}.navbar li{display:inline-block;padding:26px 0;width:33.3%;text-align:center}.navbar a{text-decoration:none;color:#fff;font-weight:400;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.navbar a:hover{text-shadow:2px 2px 4px #4835f3;font-size:45px}@media (max-width:420px){.navbar li:first-child{width:25%}.navbar li:nth-child(2){width:35%}.navbar li:last-child{width:40%}}.wrapper{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:start;align-content:flex-start;overflow:auto;padding-bottom:50px}.title{width:100%;text-align:right;font-size:40px;color:#444;margin-bottom:50px;padding-left:3%;padding-right:3%}p{font-size:3rem}.title{width:100%;text-align:center;margin-top:140px;margin-bottom:30px;text-shadow:2px 2px 4px #8bf}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Tangerine,serif}#root,body,html{padding:0;margin:0;height:100%}
/*# sourceMappingURL=main.2dd105dd.css.map*/