a{color:#000}li{list-style:none}.pokedex-heading{margin:0 auto;letter-spacing:5px;text-align:center}.outer-pokedex-wrapper{padding:1rem;display:flex;align-items:center;flex-direction:column}.pokemon-list-wrapper{margin:2rem auto;display:flex;flex-direction:column;align-items:center;min-height:100vh}.pokemon-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly}.controls button{padding:.5rem 1rem;border-radius:7px;border:0px solid;margin:2rem}.spinner{min-height:70vh;display:flex;justify-content:center;align-items:center}.loader{width:48px;height:48px;border-width:3px;border-style:dashed solid solid dotted;border-color:#000 #000 transparent #000;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:20px;top:31px;border:10px solid transparent;border-right-color:#000;transform:rotate(-40deg)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pokemon{margin-top:2rem;flex-basis:20%;width:300px;display:flex;flex-direction:column;align-items:center}.pokemon-image{height:200px;max-height:90%;margin-top:1rem}.pokemon-name{font-size:xx-large;letter-spacing:.5rem;text-align:center}@media screen and (min-width: 300px) and (max-width: 678px){.pokemon-image{width:250px}}.search-wrapper{margin:0 auto}#pokemon-name-search{width:600px;margin-top:1rem;padding:1.5rem}@media screen and (min-width: 300px) and (max-width: 678px){.search-wrapper #pokemon-name-search{width:200px}}.pokedex-wrapper{display:flex;flex-direction:column}.pokemon-details-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.pokemon-details-wrapper img{height:200px;display:flex;align-items:center;margin-top:2rem}.pokemon-details-name{margin-top:1rem;font-size:xx-large}.pokemon-details-name span{color:#000;letter-spacing:1rem;text-align:center}.pokemon-details-weight,.pokemon-details-height{margin-top:1rem;font-size:xx-large}.pokemon-details-types{display:flex;gap:3rem;margin-top:2rem;font-size:larger}.pokemon-details-types div{border:1px solid gainsboro;border-radius:10px;padding:.5rem;background-color:#dcdcdc}.similar-pokemon-wrapper{text-align:center;font-size:20px;text-transform:capitalize}.similar-pokemon-wrapper ul{display:flex;align-items:start;justify-content:start;gap:1rem;flex-wrap:wrap}.similar-pokemon-wrapper ul li{padding:.5rem;background-color:#f0f8ff;flex-basis:auto;border-radius:15px}@media screen and (min-width: 300px) and (max-width: 678px){.pokemon-wrapper{flex-direction:column}.pokemon-details-image{width:250px}}