*{padding:0;margin:0;box-sizing:border-box}html{overflow:hidden}li{list-style:none}.mainContainer{display:flex;flex-direction:row}.navContent{height:100vh;width:20%;overflow-y:scroll;padding:2rem 3rem;background-color:#000;display:flex;flex-direction:column;gap:1rem}.appLogoTitle{font-size:3vw;color:#13d19f}.pokemonLi{color:#13d19f;font-size:1.8vw;text-transform:capitalize;text-decoration:none}.searchPokemonInput{font-size:1.5vw;outline:none;border-radius:5px;padding:.3rem .75rem;min-width:87px}.mainContent{width:80%;background-image:radial-gradient(#13d19f,#0f644d,#000);display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){html{overflow-y:scroll}.appLogoTitle{font-size:2rem}.mainContainer{flex-direction:column}.navContent{width:100%;height:fit-content}.searchPokemonInput{font-size:1rem}.pokemonSearchList{height:30vh;z-index:1;overflow-y:scroll;border:1px solid #13D19F;padding:0 1rem}.pokemonLi{font-size:1rem}.mainContent{z-index:-1;width:100%;min-height:100vh;padding:3rem 0;background-image:radial-gradient(#13d19f,#0f644d,#000)}}.pokemonContainer{display:flex;justify-content:space-around;padding:5rem 3rem;background-color:#000000bf;width:70%;color:#13d19f}.pokemonTitle{font-size:2.5vw}.pokemonImg{width:10vw}.typeContainer{display:flex;flex-direction:row;gap:1rem}.type{font-size:1.3rem;padding:.5vw 0;border-radius:20px;display:flex;justify-content:center;align-items:center;width:50%;color:#000;min-width:110px}.type:hover{fill:saturate(200%);transform:scale(1.1);cursor:pointer}.bug{background:#92bc2c;box-shadow:0 0 20px #92bc2c}.dark{background:#595761;box-shadow:0 0 20px #595761}.dragon{background:#0c69c8;box-shadow:0 0 20px #0c69c8}.electric{background:#f2d94e;box-shadow:0 0 20px #f2d94e}.fire{background:#fba54c;box-shadow:0 0 20px #fba54c}.fairy{background:#ee90e6;box-shadow:0 0 20px #ee90e6}.fighting{background:#d3425f;box-shadow:0 0 20px #d3425f}.flying{background:#a1bbec;box-shadow:0 0 20px #a1bbec}.ghost{background:#5f6dbc;box-shadow:0 0 20px #5f6dbc}.grass{background:#5fbd58;box-shadow:0 0 20px #5fbd58}.ground{background:#da7c4d;box-shadow:0 0 20px #da7c4d}.ice{background:#75d0c1;box-shadow:0 0 20px #75d0c1}.normal{background:#a0a29f;box-shadow:0 0 20px #a0a29f}.poison{background:#b763cf;box-shadow:0 0 20px #b763cf}.psychic{background:#fa8581;box-shadow:0 0 20px #fa8581}.rock{background:#c9bb8a;box-shadow:0 0 20px #c9bb8a}.steel{background:#5695a3;box-shadow:0 0 20px #5695a3}.water{background:#539ddf;box-shadow:0 0 20px #539ddf}.rightPokemonContainer{display:flex;flex-direction:column;gap:1.2rem}.baseStatsContainer li{font-size:1.5vw}@media screen and (max-width: 1220px){.pokemonContainer{flex-direction:column;gap:2rem}.pokemonImg{width:15vw}.type{width:25%}}@media screen and (max-width:768px){.pokemonTitle{font-size:1.75rem}.baseStatsContainer li{font-size:1rem}.pokemonImg{width:8rem}}@media screen and (max-width:520px){audio{max-width:180px}.typeContainer{flex-direction:column}}@media screen and (max-width:340px){audio{width:150px}}