.character-filter-container{text-align:center;margin:20px 0;width:100%;height:100%}#character-cards{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;}.filter-button{margin:5px;padding:10px;border:none;border-radius:5px;background-color:#0073aa;color:#fff;cursor:pointer;font-size:16px}.filter-button:hover{background-color:#005177}.character-card{width:100px;height:120px;margin:30px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.character-card img{max-width:100%;height:100px}.character-name{margin-top:1px;font-size:14px;color:#fff;text-align:center}