Filters for Members

<!-- category one --->
    <div class="button-group" data-filter-group="Fandom">
        <h1>Blog Fandom</h1>
        <button class="button is-checked" data-filter="">all</button>
        <button class="button" data-filter=".hp">harry potter</button>
        <button class="button" data-filter=".nulti">multifandom</button>
        <button class="button" data-filter=".oth">others</button>
    </div>

        <!-- category three --->
    <div class="button-group" data-filter-group="type">
        <h1>Creation Types</h1>
        <button class="button is-checked" data-filter="">all</button>
        <button class="button" data-filter=".aes">aesthetics</button>
        <button class="button" data-filter=".edit">edits</button>
        <button class="button" data-filter=".gif">gifs</button>
        <button class="button" data-filter=".mood">moodboards</button>
        <button class="button" data-filter=".fic">fics</button>
        <button class="button" data-filter=".hc">headcanons</button>
    </div>

    <!-- category two --->
    <div class="button-group" data-filter-group="Requests">
        <h1>AVALIABILITY</h1>
        <button class="button is-checked" data-filter="">all</button>
        <button class="button" data-filter=".open">open</button>
        <button class="button" data-filter=".closed">closed</button>
    </div>