*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;font-size:24px}a,body{color:#fff}a{text-decoration:none;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wrapper{display:block;position:fixed;width:100vw;height:100vh;background-image:url(/static/media/pokedex-backgound.43ac44d7.jpg);z-index:-1;background-position:50%;background-size:cover}.logo{display:block;background-color:#fb0;background-color:var(--btn-background-color);border-radius:20px;-webkit-background-clip:text;background-clip:text;color:transparent;width:230px;padding-top:5px;margin-left:20px;font-size:48px;letter-spacing:1px}#home{padding:25px;display:flex;flex-direction:column;align-items:center}#home>h1{background-color:orange;width:100%;margin:0;text-align:center;padding:25px}#home>.info{display:flex;flex-direction:column;padding:25px;background-color:rgba(0,0,0,.7)}#home>.info>a{color:orange;padding-bottom:3px;border-bottom:3px solid orange;margin-left:auto;transition:all .5s ease}#home>.info>a:hover{color:#ff4500;border-bottom:3px solid #ff4500}#home>.info>p{margin:25px 0}@media (min-width:400px){.logo{font-size:42px}}@media (min-width:1000px){.logo{font-size:52px;width:280px;margin-left:30px}}@media (min-width:1200px){.logo{font-size:62px;width:280px;margin-left:30px}}:root{--btn-background-color:#fb0;--btn-hover-background-color:#ff7300}header{display:flex;align-items:center;width:100vw}header nav{margin-bottom:50px;margin-left:auto;margin-right:25px}header nav ul{width:95%;position:relative;display:flex;justify-content:center;flex-direction:row;top:25px;margin:auto}header nav ul li{display:block;box-sizing:border-box;list-style:none;width:auto;margin:0 10px;transform:skewX(-10deg);background-color:#fb0;background-color:var(--btn-background-color);text-align:center;flex:auto}header nav ul li a{min-height:100%;letter-spacing:1px;font-weight:700;padding:25px 30px;position:relative;overflow:hidden}header nav ul li a,header nav ul li a:after{display:block;width:100%;transition:all .5s ease}header nav ul li a:after{content:"";height:60px;background-color:#ff7300;background-color:var(--btn-hover-background-color);position:absolute;bottom:-60px;left:0;z-index:-1}header nav ul li:hover{cursor:pointer}header nav ul li:hover a:after,header nav ul li a.active:after{bottom:-25px;transform:skewY(-5deg)}@media (min-width:1200px){header nav ul li{font-size:18px}header nav ul li a{min-width:100%;min-height:100%}}@media (max-width:1200px){header{flex-direction:column}header>nav{margin:auto auto 50px}header>nav>ul{justify-content:center}header>nav>ul>li{margin:5px}header>nav>ul>li>a{padding:5px 20px}header nav ul li a.active:after{bottom:-45px}}main>h2{background-color:orange;width:100%;text-align:center;padding:25px;margin:0 0 25px}main>h2>.regionName{color:#ff4500;padding-bottom:3px;border-bottom:3px solid #ff4500}@-webkit-keyframes region{0%{color:gold}to{color:#e25300}}@keyframes region{0%{color:gold}to{color:#e25300}}main h2 .regionName{display:inline-block;text-transform:capitalize}.pokemonCards{flex-direction:column;margin-bottom:40px;background-color:#fff;mix-blend-mode:color}#legend,.pokemonCards{display:flex;justify-content:center;flex-wrap:wrap}#legend{align-items:center;margin-top:25px}#legend span{display:block;width:25px;height:25px;left:0;border:5px solid #333;transition:all .5s ease}#legend span.dark,#legend span.ghost,#legend span.steel{border-color:#fff;border-width:1px;width:15px;height:15px;margin-left:5px}#legend>.legend-box{display:flex;align-items:center;position:relative;background-color:#333;margin:5px;min-width:90px;cursor:pointer;transition:all .5s ease}#legend>.legend-box.active span{width:35px;height:35px}#legend>.legend-box.active span.drak,#legend>.legend-box.active span.ghost,#legend>.legend-box.active span.steel{width:30px;height:30px}#legend>.legend-box.active p{font-size:25px}#legend p{color:#fff;padding:5px 15px;font-size:14px;margin:0 0 0 auto;text-transform:uppercase;transition:all .5s ease}#cards{display:flex;flex-wrap:wrap;justify-content:center}.pokemonCard{background-color:#fff;width:70vw;color:#000;text-align:center;margin-bottom:20px;min-height:70vw;box-shadow:0 5px 15px -10px #000}.pokemonCard a{display:flex;flex-direction:column;align-items:center;height:100%}.pokemonCard a>*{width:100%;flex:auto}.pokemonCard h3{background-color:#ffe3bf;padding:10px;font-size:24px;text-transform:capitalize;letter-spacing:1px;font-size:16px;color:#2e2e2e}.pokemonCard img{width:60vw;image-rendering:crisp-edges;border-style:solid;border-width:0 10px 10px}.loading img{margin-top:10px;max-width:70%}@media (min-width:400px){.pokemonCard{width:40vw;margin:auto auto 30px;min-height:40vw}.pokemonCard img{width:40vw}.pokemonCard h3{letter-spacing:0}}@media (min-width:750px){main>h2{font-size:48px}.pokemonCard{width:30vw;margin:auto auto 30px;min-height:30vw}.pokemonCard img{width:30vw}.pokemonCard h3{letter-spacing:0}}@media (min-width:1000px){.pokemonCard{width:20vw;margin:25px 25px 30px;min-height:20vw}.pokemonCard img{width:20vw}.pokemonCard h3{letter-spacing:0}}@media (min-width:1200px){.pokemonCard{width:10vw;margin:60px 60px 30px;min-height:12vw;border-radius:10px}.pokemonCard img{width:10vw}.pokemonCard h3{letter-spacing:0;border-radius:5px 5px 0 0}}.grass img{border-color:#91ff66}.grass h3,span.grass{background-color:#91ff66}.fire img{border-color:#ff5411}.fire h3,span.fire{background-color:#ff5411}.water img{border-color:#66c2ff}.water h3,span.water{background-color:#66c2ff}.bug img{border-color:#2dfc72}.bug h3,span.bug{background-color:#2dfc72}.normal img{border-color:#b1b1b1}.normal h3,span.normal{background-color:#b1b1b1}.poison img{border-color:#8823fc}.poison h3,span.poison{background-color:#8823fc;color:#e2e1e1}.electric img{border-color:#fffb0b}.electric h3,span.electric{background-color:#fffb0b}.ground img{border-color:#b47500}.ground h3,span.ground{background-color:#b47500}.fairy img{border-color:#ff68f2}.fairy h3,span.fairy{background-color:#ff68f2}.fighting img{border-color:#ff0d0d}.fighting h3,span.fighting{background-color:#ff0d0d;color:#fff}.psychic img{border-color:#ff3f99}.psychic h3,span.psychic{background-color:#ff3f99;color:#fff}.rock img{border-color:#66591e}.rock h3,span.rock{background-color:#6e581b;color:#fff}.ghost img{border-color:#3f1681}.ghost h3,span.ghost{background-color:#3f1681;color:#fff}.ice img{border-color:#5dfdf5}.ice h3,span.ice{background-color:#5dfdf5;color:#494949}.dragon img{border-color:#5a48fd}.dragon h3,span.dragon{background-color:#5a48fd;color:#fff}.dark img{border-color:#140b18}.dark h3,span.dark{background-color:#140b18;color:#fff}.flying img{border-color:#90fafd}.flying h3,span.flying{background-color:#90fafd;color:#424242}.steel img{border-color:#373737}.steel h3,span.steel{background-color:#373737;color:#fff}.pokemon{width:80vw;margin:30px auto 60px;border:3px solid #000;border-radius:20px;padding:10px;color:#252525;text-align:center}.pokemon header{font-size:20px;padding:20px}.pokemon header h1{font-size:26px;text-align:center}.pokemon .pokemonStats{width:100%;margin-bottom:5px;border-top:3px solid #000}.pokemon .pokemonStats,.pokemon .pokemonType{padding:10px;border-bottom:3px solid #000;text-align:left}.pokemon .pokemonType{margin-bottom:10px;font-size:24px}.pokemon .pokemonType h2{font-size:28px;margin-bottom:5px;margin-left:5px;text-align:left}.pokemon img{width:80%;margin:auto}.pokemon .pokemonProfile{text-align:left;border-top:3px solid #000;border-bottom:3px solid #000;padding:10px}.pokemon .pokemonProfile h2{padding:5px}.pokemon .pokemonProfile h4{margin-top:5px}.pokemon button{width:20vw;height:10vw;margin-top:20px;margin-bottom:10px;background-color:hsla(0,0%,84.7%,.5);border:2px solid #6b6b6b;border-radius:10px;font-size:16px;font-weight:700;letter-spacing:1px}.dark,.poison{color:#f5f5f5}@media (min-width:1000px){.pokemon{width:90vw;font-size:36px;margin-top:6vh;position:relative}.pokemon header{font-size:36px;padding:20px}.pokemon header h1{font-size:42px;text-align:center}.pokemon .pokemonStats{width:100%;padding:10px;margin-bottom:5px;border-bottom:3px solid #000;border-top:3px solid #000;text-align:left}.pokemon .pokemonType{border-bottom:0;padding:10px;margin-bottom:10px;font-size:36px;text-align:left}.pokemon .pokemonType h2{font-size:36px;margin-bottom:5px;margin-left:5px;text-align:left}.pokemon img{position:absolute;width:auto;height:30%;margin:auto;top:10%;right:10%}.pokemon .pokemonProfile h2{font-size:42px}.pokemon .pokemonProfile h4{font-size:36px}.pokemon button{width:15vw;height:8vw;margin-top:20px;margin-bottom:10px}}@media (min-width:1200px){.pokemon{width:70vw;font-size:36px;margin-top:6vh;position:relative}.pokemon img{position:absolute;width:auto;height:300px;margin:auto;top:9vh;right:10vw}.pokemon button{width:10vw;height:5vw}}footer h1{display:block;position:fixed;bottom:0;width:100vw;font-size:20px;text-align:center;background-color:rgba(21,21,24,.85);height:50px;line-height:50px;color:#fff;letter-spacing:2px}
/*# sourceMappingURL=main.b2221e96.chunk.css.map */