#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.title-container{padding-bottom:30px}.single-name{text-decoration:underline;margin-top:25px}main{display:flex;flex-direction:column;height:93vh;align-items:center;background-color:#dad7d7;width:100%}.card{display:flex;flex-direction:column;align-items:center;padding:0;background-color:beige}.card .card-img-top{height:120px;width:140px;margin:30px}.card .card-body{background-color:#f0d906;width:100%;height:80px}.card .card-title{color:#000}.filters{display:flex;justify-content:center;width:100%;margin:15px}.filters input{margin-left:20px}nav{display:flex;height:7vh;justify-content:center;align-items:center;background-color:#000}nav i{color:#000;margin:0 15px;font-weight:700;font-size:larger;color:#fff}.home-container .btn{height:40px;background-color:#000;margin:10px 10px 0}.home-container .btn:hover{color:#fff;font-weight:700;transform:scale(1.8);background-color:#1a1a1a}#pokedex{height:300px;width:400px;margin-top:80px;margin-bottom:20px}#types-container{border-radius:10px;padding:0 15px;width:150px}#types-container div{border:1px solid transparent;border-radius:inherit;margin:20px 0;padding:5px}.stat-container{border:1px solid black;border-radius:10px;padding:15px;margin-top:20px}.bio{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:60%}.normal{background-color:#a8a77a;transition:transform .5s}.normal:hover{transform:scale(1.5);background-color:#bcbb99}.fighting{background-color:#c22e28;transition:transform .5s}.fighting:hover{transform:scale(1.5);background-color:#d94a44}.flying{background-color:#a98ff3;transition:transform .5s}.flying:hover{transform:scale(1.5);background-color:#ccbdf8}.poison{background-color:#a33ea1;transition:transform .5s}.poison:hover{transform:scale(1.5);background-color:#bf55bc}.ground{background-color:#e2bf65;transition:transform .5s}.ground:hover{transform:scale(1.5);background-color:#ead190}.rock{background-color:#b6a136;transition:transform .5s}.rock:hover{transform:scale(1.5);background-color:#ccb853}.bug{background-color:#a6b91a;transition:transform .5s}.bug:hover{transform:scale(1.5);background-color:#cae026}.ghost{background-color:#735797;transition:transform .5s}.ghost:hover{transform:scale(1.5);background-color:#8d73ae}.steel{background-color:#b7b7ce;transition:transform .5s}.steel:hover{transform:scale(1.5);background-color:#d5d5e3}.fire{background-color:#ee8130;transition:transform .5s}.fire:hover{transform:scale(1.5);background-color:#f29e5f}.water{background-color:#6390f0;transition:transform .5s}.water:hover{transform:scale(1.5);background-color:#92b1f4}.grass{background-color:#7ac74c;transition:transform .5s}.grass:hover{transform:scale(1.5);background-color:#97d373}.electric{background-color:#f7d02c;transition:transform .5s}.electric:hover{transform:scale(1.5);background-color:#f9db5d}.psychic{background-color:#f95587;transition:transform .5s}.psychic:hover{transform:scale(1.5);background-color:#fb86aa}.ice{background-color:#96d9d6;transition:transform .5s}.ice:hover{transform:scale(1.5);background-color:#bbe7e5}.dragon{background-color:#6f35fc;transition:transform .5s}.dragon:hover{transform:scale(1.5);background-color:#9367fd}.dark{background-color:#705746;transition:transform .5s}.dark:hover{transform:scale(1.5);background-color:#8f6f5a}.fairy{background-color:#d685ad;transition:transform .5s}.fairy:hover{transform:scale(1.5);background-color:#e3abc7}