.type[data-v-3d2f6c74]{border:1px solid;border-radius:10px;margin:0 5px;padding:3px 5px}.type-[data-v-3d2f6c74]{border:none}.type-nomal[data-v-3d2f6c74]{border:1px solid #000;color:#fff}.type-fire[data-v-3d2f6c74]{border-color:#ff6900;color:#ff6900}.type-water[data-v-3d2f6c74]{border-color:#14b9ff;color:#14b9ff}.type-grass[data-v-3d2f6c74]{border-color:#b4f000;color:#b4f000}.type-electric[data-v-3d2f6c74]{border-color:#ffe100;color:#ffe100}.type-ice[data-v-3d2f6c74]{border-color:#14f5ff;color:#14f5ff}.type-fighting[data-v-3d2f6c74]{border-color:#dc6900;color:#dc6900}.type-poison[data-v-3d2f6c74]{border-color:#d28cd2;color:#d28cd2}.type-ground[data-v-3d2f6c74]{border-color:#fac85a;color:#fac85a}.type-flying[data-v-3d2f6c74]{border-color:#78dcff;color:#78dcff}.type-psychic[data-v-3d2f6c74]{border-color:#f08cdc;color:#f08cdc}.type-bug[data-v-3d2f6c74]{border-color:#46c846;color:#46c846}.type-rock[data-v-3d2f6c74]{border-color:#b48c64;color:#b48c64}.type-ghost[data-v-3d2f6c74]{border-color:#a08cff;color:#a08cff}.type-dragon[data-v-3d2f6c74]{border-color:#5078dc;color:#5078dc}.type-dark[data-v-3d2f6c74]{border-color:#787878;color:#787878}.type-steel[data-v-3d2f6c74]{border-color:#aac8f0;color:#aac8f0}.type-fairy[data-v-3d2f6c74]{border-color:#ffafdc;color:#ffafdc}.card[data-v-08892b86]{border:1px solid #000;border-radius:5px;width:calc(25% - 35px);min-width:250px;max-width:350px;margin-top:20px;padding:10px;display:flex;flex-direction:column}.card[data-v-08892b86]:hover{cursor:pointer;border-color:red}.card>div[data-v-08892b86]:first-child{flex:1;display:flex;justify-content:center;align-items:center}.card img[data-v-08892b86]{width:100%}.card .types[data-v-08892b86]{display:flex}.nav-bar[data-v-3c182d64]{display:flex;justify-content:flex-end}.nav-bar>div[data-v-3c182d64]{margin:0 5px}.card-list[data-v-3c182d64]{width:80%;max-width:1800px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around}.btn-area[data-v-3c182d64]{display:flex;justify-content:space-between}