.event {
    list-style: none;
    margin-bottom: 1.5rem;
}

.filter a:link,
.event a:link {
    text-decoration: none;
}

.filter a:hover,
.event a:hover {
    text-decoration: underline;
}

.filter a:hover {
    text-decoration: underline;
    background-color: black;
    color: white;
}


.filter {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.filter a {
    padding: .6rem 1rem .4rem;
    border: .1rem solid black;
    margin-right: .5rem;
    border-radius: .3rem;
}

.filter a[aria-current] {
    background: blue;
}

.filter li {
    display: inline-block;
    list-style: none;
}

.filter li:last-child {
    margin-bottom: 0;
}

.active {
    background-color: black;
    color: white;
}

ul li {
    list-style: none;
}