body{font-family:sans-serif;background-color:#ddd;background:#00b7ff;background:linear-gradient(180deg,#00b7ff 86%,#3cc700)}.type-normal{background-color:#a8a77a;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-normal.line{padding:0}.type-fire{background-color:#ee8130;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-fire.line{padding:0}.type-bug{background-color:#a6b91a;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-bug.line{padding:0}.type-water{background-color:#6390f0;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-water.line{padding:0}.type-electric{background-color:#f7d02c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-electric.line{padding:0}.type-grass{background-color:#7ac74c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-grass.line{padding:0}.type-ice{background-color:#96d9d6;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-ice.line{padding:0}.type-fighting{background-color:#c22e28;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-fighting.line{padding:0}.type-poison{background-color:#a33ea1;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-poison.line{padding:0}.type-flying{background-color:#a98ff3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-flying.line{padding:0}.type-psychic{background-color:#f95587;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-psychic.line{padding:0}.type-ghost{background-color:#735797;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-ghost.line{padding:0}.type-dragon{background-color:#6f35fc;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-dragon.line{padding:0}.type-dark{background-color:#705746;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-dark.line{padding:0}.type-fairy{background-color:#d685ad;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-fairy.line{padding:0}.type-ground{background-color:#e2bf65;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-ground.line{padding:0}.type-rock{background-color:#b6a136;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-rock.line{padding:0}.type-steel{background-color:#b7b7ce;color:#fff;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize;font-size:.85rem}.type-steel.line{padding:0}.game-red{border:2px solid #FF0000;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-blue{border:2px solid #0000FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-yellow{border:2px solid #FFFF00;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-gold{border:2px solid #FFD700;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-silver{border:2px solid #C0C0C0;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-crystal{border:2px solid #A0E6FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-ruby{border:2px solid #E0115F;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-sapphire{border:2px solid #0F52BA;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-emerald{border:2px solid #50C878;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-firered{border:2px solid #FF4500;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-leafgreen{border:2px solid #32CD32;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-diamond{border:2px solid #B9F2FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-pearl{border:2px solid #EAE0C8;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-platinum{border:2px solid #E5E4E2;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-heartgold{border:2px solid #FFD700;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-soulsilver{border:2px solid #C0C0C0;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-black{border:2px solid #000000;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-white{border:2px solid #CCC;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-black_2{border:2px solid #1C1C1C;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-white_2{border:2px solid #F5F5F5;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-red_japan{border:2px solid #FF0000;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-green_japan{border:2px solid #00FF00;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-blue_japan{border:2px solid #0000FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-x{border:2px solid #6960EC;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-y{border:2px solid #EC60A0;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-the_crown_tundra{border:2px solid #ADD8E6;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-sword{border:2px solid #1E90FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-shield{border:2px solid #FF69B4;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-lets_go_pikachu{border:2px solid #FFFF00;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-lets_go_eevee{border:2px solid #A0522D;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-brilliant_diamond{border:2px solid #B9F2FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-shining_pearl{border:2px solid #EAE0C8;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-ultra_sun{border:2px solid #FFA500;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-ultra_moon{border:2px solid #9370DB;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-sun{border:2px solid #FFA500;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-moon{border:2px solid #9370DB;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-the_teal_mask{border:2px solid #008080;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-the_isle_of_armor{border:2px solid #FFD700;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-scarlet{border:2px solid #FF2400;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-violet{border:2px solid #8F00FF;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-omega_ruby{border:2px solid #E0115F;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-alpha_sapphire{border:2px solid #0F52BA;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-the_indigo_disk{border:2px solid #4B0082;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.game-legends_arceus{border:2px solid #708090;color:#000;padding:.25rem .75rem;text-transform:capitalize;font-size:.85rem;border-radius:2rem;margin:0 .5rem .5rem 0}.bg{position:fixed;width:100vw;height:calc(100% - 7rem);z-index:-1;background-size:contain;opacity:.25}.card{background-color:#fff;display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;padding:1.5rem 0;transition:.25s}.card:hover{box-shadow:0 .5rem .75rem #0003}.card .shadow{position:absolute;width:100%;height:100%;border-radius:50%;top:-60%;right:-25%}.card .pokemon{position:relative;width:100%}.card .pokemon .infos{display:flex;justify-content:center;flex-direction:column;width:100%}.card .pokemon .infos .name{font-weight:700;text-transform:uppercase;display:flex;justify-content:center;margin:1rem 0}.card .pokemon .infos .stats{display:flex;width:100%;padding:1rem 1rem 0;justify-content:space-around}.card .pokemon .infos .stats p{display:flex;flex-direction:column;align-items:center}.card .pokemon .infos .stats p span{font-size:1.2rem}.card .pokemon .infos .stats p span:last-child{font-weight:700;opacity:.5;font-size:.7rem}.types{display:flex;justify-content:center}.types .type{margin:.25rem}.type-icon,.pokeid{position:absolute;z-index:9;background-color:#fff;width:2rem;height:2rem;display:flex;padding:.35rem;border-radius:50%;top:1rem;right:1.5rem}.type-icon img,.pokeid img{width:100%;height:100%}.pokeid{left:.5rem;top:.5rem;font-weight:700;color:#999;font-size:1.1rem;background:none}.pokedex{width:100vw;height:100vh}.pokedex .close{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#00000080}.pokedex .pokeid{color:#fff;opacity:.1;left:10%;font-size:4rem;line-height:1}.pokedex .shadow{width:100%;height:10rem;position:absolute}.pokedex .shadow:after{content:"";position:absolute;width:100%;height:4rem;background-color:#fff;left:0;bottom:-2rem;border-radius:2rem}.pokedex .inner{overflow:hidden}.pokedex .inner .pokemon{display:flex;position:relative;flex-direction:column}.pokedex .inner .pokemon .images{display:flex;align-items:center;justify-content:space-around;margin-top:2rem}.pokedex .inner .pokemon .images .pre,.pokedex .inner .pokemon .images .next{height:3rem;cursor:pointer;transition:all .35s}.pokedex .inner .pokemon .images .pre:hover,.pokedex .inner .pokemon .images .next:hover{opacity:1}.pokedex .inner .pokemon .images .pre,.pokedex .inner .pokemon .images .next,.pokedex .inner .pokemon .images .image-placeholder{width:3rem}.pokedex .inner .pokemon .images .image{height:12rem;max-width:40%}.pokedex .inner .pokemon .images img{height:100%}.pokedex .inner .pokemon .animation{height:4rem;margin:1rem 0}.pokedex .inner .pokemon .animation img{height:100%}.pokedex .inner .pokemon .infos{padding:0 2rem 2rem}.pokedex .inner .pokemon .infos .tabs{margin:1rem 0 0}.pokedex .inner .pokemon .infos .tabs .tab{border-radius:2rem;padding:.25rem .75rem;margin:0 0 1rem;cursor:pointer;font-size:.85rem}.pokedex .inner .pokemon .infos .tabs .tab+.tab{margin-left:.5rem}.pokedex .inner .pokemon .infos .tabs .tab.active{color:#fff}.pokedex .inner .pokemon .infos .tabs .tab:not(.active){background:#ccc}.pokedex .inner .pokemon .infos .tabs .abilities .ability h3{font-weight:700}.pokedex .inner .pokemon .infos .tabs .abilities .ability+.ability{margin-top:1rem}.topbar{display:flex;flex:1;position:relative;z-index:100}.topbar select{height:100%;cursor:pointer}.topbar .logo{width:10rem;margin-right:2rem}.search input{width:100%;height:100%;padding:.5rem 1rem}footer{background-color:#41bb54;color:#fff}