.card{background-color:#f0f0f0;display:inline-block;margin:2rem;padding:2rem;vertical-align:top;width:35rem}.card,.card__affixinfo{border-radius:10px;box-shadow:0 .4rem .8rem rgba(0,0,0,.2);flex-direction:column;justify-content:space-between}.card__affixinfo{display:flex;margin:1rem;padding:1rem;width:29rem}.card__affixinfo_color1{color:#e70}.card__affixinfo_color2{color:#da0}.card__affixinfo_color3{color:#080}.card__affixinfo_color4{color:#088}.card__affixinfo_color5{color:#7a0099}.card__top{align-items:center;display:flex;margin-bottom:4rem}.card__top__img{border-radius:50%;height:8rem;margin-right:2rem;width:8rem}.card__top__title{font-size:3em;font-weight:700}.card__flag{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.card__flag__span{background-color:#9b4dca;border:none;border-radius:1rem;color:#fff;font-size:1.6rem;margin-bottom:1.5rem;margin-right:.5rem;padding:5px}.card__description{font-size:1.8rem;line-height:2}.card__power__1{color:#888}.card__power__2{color:#04b}.card__power__3{color:#270}.card__power__4{color:#e70}.card:hover{box-shadow:0 8px 16px rgba(0,0,0,.3);transition:all .3s ease}.card:hover .card__top__img{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .5s ease}.card:hover .card__top__title{color:#4a4a4a}.card:hover .card__description{color:#343a40}.card:active,.card:focus{box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(0);transform:translateY(0)}.card{overflow:hidden;touch-action:pan-y;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;will-change:transform}.card__description,.card__top__img,.card__top__title{touch-action:none;transition:none}.filter{align-items:center;background-color:#f5f5f5;border-radius:3rem;display:flex;justify-content:flex-start;padding:1rem}.filter__btn{background-color:#fff;border:none;border-radius:5rem;color:#333;cursor:pointer;font-size:1.8rem;margin-right:1rem;padding:1rem 2rem;transition:all .3s ease}.filter__btn:hover{background-color:#333;color:#fff}.filter__btn:active{background-color:#000;color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}.filter__active{background-color:#9b4dca;color:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{font-size:62.5%}section.rails{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));justify-items:center;margin:0 auto;padding:30px}
/*# sourceMappingURL=main.7e0213f9.css.map*/