.EventTags {
    padding: 5px 12px;
    border-radius: 50px;
    font-size: .85rem;
    border: 1px solid;
    font-weight: 600;
    display: inline-block;
}

.EventTags[data-tag="birthday"] {
    background: rgba(255, 100, 140, 0.18);
    color: #ff8eae;
    border-color: rgba(255, 100, 140, 0.4);
}

.EventTags[data-tag="holidays"] {
    background: rgba(241, 153, 233, 0.18);
    color: #f8a9bf;
    border-color: rgba(255, 100, 214, 0.4);
}

.EventTags[data-tag="school"] {
    background: rgba(74, 144, 226, 0.18);
    color: #7ec2ff;
    border-color: rgba(74, 144, 226, 0.4);
}

.EventTags[data-tag="meetup"] {
    background: rgba(170, 110, 255, 0.18);
    color: #c49aff;
    border-color: rgba(170, 110, 255, 0.4);
}

.EventTags[data-tag="dumb days"] {
    background: rgba(255, 180, 60, 0.18);
    color: #ffc17e;
    border-color: rgba(255, 180, 60, 0.4);
}

.EventTags[data-tag="random"] {
    background: rgba(70, 210, 140, 0.18);
    color: #75e6ad;
    border-color: rgba(70, 210, 140, 0.4);
}

.EventTags[data-tag="dnd"] {
    background: rgba(180, 180, 180, 0.18);
    color: #ccc;
    border-color: rgba(180, 180, 180, 0.4);
}




.day.has-thing[data-tag="birthday"],.UpcomingEvent[data-tag="birthday"] {
    border-color: rgba(255, 100, 140, 0.4);
}

.day.has-thing[data-tag="holidays"],.UpcomingEvent[data-tag="holidays"] {
    border-color: rgba(255, 100, 214, 0.4);
}

.day.has-thing[data-tag="school"],.UpcomingEvent[data-tag="school"] {
    border-color: rgba(74, 144, 226, 0.4);
}

.day.has-thing[data-tag="meetup"],.UpcomingEvent[data-tag="meetup"] {
    border-color: rgba(170, 110, 255, 0.4);
}

.day.has-thing[data-tag="dumb days"],.UpcomingEvent[data-tag="dumb days"] {
    border-color: rgba(255, 180, 60, 0.4);
}

.day.has-thing[data-tag="random"],.UpcomingEvent[data-tag="random"] {
    border-color: rgba(70, 210, 140, 0.4);
}

.day.has-thing[data-tag="dnd"],.UpcomingEvent[data-tag="dnd"] {
    border-color: rgba(180, 180, 180, 0.4);
}

.day p {
    margin: 0;
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}