*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{background:#fff;border:none;height:100%;margin:.3rem;position:relative;width:18%;text-align:left;cursor:pointer}.card>.img-container{height:100%;overflow:hidden;text-align:center}.card>.img-container>img{width:100%}.card :hover{box-shadow:0 3px 15px hsla(0,0%,60%,.616),0 3px 15px hsla(0,0%,60%,.486);border-radius:50%}.wrapper{background:#fff;height:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:20px;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-content:flex-start;align-content:flex-start;overflow:auto}.bg{background-image:url(/clicky_game_app/static/media/bg.b2f7a8d2.jpg);background-repeat:no-repeat;background-size:cover;text-align:center;padding:200px 50px;border-bottom:4px solid hsla(0,0%,50.2%,.486);color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:2.5rem}.bg,.bg>h2{font-weight:700}.container-fluid{margin:0 auto;padding:0;max-width:1280px}.navbar{padding:15px 20px;border-bottom:4px solid hsla(0,0%,50.2%,.295);color:rgba(28,71,50,.747);font-size:1.2rem}.navbar,.title{font-weight:700}.title{font-size:1.5rem}.title,a:hover{color:rgba(27,68,48,.747)}a:hover{text-decoration:none}.footer{height:50px;background-color:hsla(0,0%,90.2%,.658);border-top:4px solid hsla(0,0%,50.2%,.295);text-align:center;padding-top:10px;font-size:1.2rem}.footer>a{color:rgba(54,54,54,.767)}.correct{-webkit-animation-name:colorchangeCorrect;animation-name:colorchangeCorrect;-webkit-animation-duration:1.5s;animation-duration:1.5s}.incorrect{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@-webkit-keyframes colorchangeCorrect{0%{color:rgba(28,71,50,.747)}25%{color:rgba(101,228,167,.911)}50%{color:rgba(28,71,50,.747)}75%{color:rgba(101,228,167,.911)}to{color:rgba(28,71,50,.747)}}@keyframes colorchangeCorrect{0%{color:rgba(28,71,50,.747)}25%{color:rgba(101,228,167,.911)}50%{color:rgba(28,71,50,.747)}75%{color:rgba(101,228,167,.911)}to{color:rgba(28,71,50,.747)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0);color:rgba(192,94,37,.979)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0);color:rgba(192,94,37,.979)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0);color:rgba(192,94,37,.979)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0);color:rgba(192,94,37,.979)}}
/*# sourceMappingURL=main.c917b662.chunk.css.map */