header{background-color:red}header img{height:150px}header img:hover{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:.5s;animation-duration:.5s}.card-img{height:180px;width:180px}#cards,#table,#viewer{height:65vh;overflow-y:scroll}@media (max-width:580px){header h1{display:none}header img{height:80px}#cards,#table,#viewer{height:40vh;overflow-y:scroll}.card-img{height:80px;width:80px}.row{display:-ms-flexbox;display:flex}}img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}#cards .card:hover img,#cards img:hover,#table img:hover,#viewer img:hover{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.5s;animation-duration:.5s}#cardView,#tableView{color:#fff}#cardView:hover,#tableView:hover{color:grey}.card{margin:1rem}#cards .card h5{opacity:0;font-size:.9rem}#viewer img{height:200px;width:200px}.progressHeight{height:30px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}75%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes shake{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}75%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#cards .card:hover h5{opacity:1}#cards .card:hover .card-img-overlay,#cards .card:hover h5{-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:.5s;animation-duration:.5s}#cards .card:hover .card-img-overlay{background-color:hsla(0,0%,100%,.8)}.normal{background-color:#a8a878}.fire{background-color:#f08030}.fighting{background-color:#c03028}.water{background-color:#6890f0}.flying{background-color:#a890f0}.grass{background-color:#78c850}.poison{background-color:#a040a0}.electric{background-color:#f8d030}.ground{background-color:#e0c068}.psychic{background-color:#f85888}.rock{background-color:#b8a038}.ice{background-color:#98d8d8}.bug{background-color:#a8b820}.dragon{background-color:#7038f8}.ghost{background-color:#705898}.dark{background-color:#705848}.steel{background-color:#b8b8d0}.fairy{background-color:#ee99ac}
/*# sourceMappingURL=main.7b8fc34d.css.map*/