.main_wrapper {
    padding: 24px;
}

.tags_wrapper {
    margin-top: 64px;
}

.tags_wrapper li {
    padding: 8px;
    color: black;
    background-color: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.tags_wrapper a {
    color: black;
    font: 18px;
}

.tags_wrapper a:hover {
    color: black;
}

.listed_tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    padding: 4px;
}

.listed_tags li {
    color: black;
}

.listed_tags li:hover {
    background-color: #F7BE23;
    color: white!important;
}

.listed_tags a:hover {
    color: black!important;
}

.index_tag_groups {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 22px;
}

.active_group {
    background-color: #F7BE23;
    color: white!important;
    padding: 4px;
    border-radius: 4px;
}

/* .active_group a {
    color: white!important;
} */

.index_tag_groups:hover {
    color: white!important;
}

.index_tag_groups li {
    padding: 4px;
}

.index_tag_groups a {
    color: black;
    font-weight: 700;
}

.index_tag_groups a:hover {
    color: white!important;
}

.index_tag_groups li:hover {
    background-color: #F7BE23;
    border-radius: 2px;
    padding: 4px;
    color: white!important;
}

/* .index_tag_groups a:hover {
    color: white!important;
} */