#post-info>ul.tags {
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    padding-top: 1rem;
}

#post-info>ul.tags.for-post {
    display: inline-flex;
    padding: 0;
    margin-top: 0;
}

#post-info>ul.tags>li.tag {
    margin-right: 0.5rem;
}

#post-info>ul.tags>li.tag:last-child {
    margin-right: 0;
}

#filtered-by>p>span.tag {
    padding-right: 0.25rem;
}

#filtered-by>p>span.tag>a {
    cursor: default;
}

.tag>a {
    border: 3px solid;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 0.75rem;
    height: 15px;
    color: $off-light;
}

.tag.rambling>a {
    border-color: $yellow;
}

.tag.csharp>a {
    border-color: $purple;
}

.tag.typescript>a {
    border-color: $blue;
}

.tag.godot>a {
    border-color: $teal;
}

.tag.mono>a {
    border-color: $red;
}

.tag.unity>a {
    border-color: $light;
}

.tag>a:hover {
    text-decoration: none;
}

.tag:hover {
    animation: wiggle 0.5s ease-in-out infinite alternate;
}
