.ruletag {
    float: left;
    background-color: #f8f8f8;
    color: #1c1c1c;
    font-size: 1rem;
    line-height: 1.2rem;
    vertical-align: middle;
    height: 1.2rem;
    padding: 0.3rem 0.5rem;
    margin: 0.3rem;
    border-radius: 1rem;
    transition: box-shadow 0.3s ease-in-out;
}
.ruletag:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
}

.greenTag {
    background-color: #94d97e;
}
.blueTag {
    background-color: #aab2e6;
}
.redTag {
    background-color: #e09080;
}
.orangeTag {
    background-color: #edba8a;
}
.purpleTag {
    background-color: #c390ec;
}
.pinkTag {
    background-color: #dea2b1;
}
.cyanTag {
    background-color: #84e0cc;
}