.tag{
    padding: 5px 15px;

    background-color: var(--primary);
    
    font-size: 18px;
    font-family: "Istok Web", sans-serif;
    font-weight: 600;
    color: var(--gray-100);
    text-align: center;
}

.tag.blue{
    background-color: var(--primary);
}
.tag.green{
    background-color: var(--quarternary);
}
.tag.red{
    background-color: var(--tertiary);
}
.tag.purple{
    background-color: var(--secondary);
}
.tag.orange{
    background-color: var(--orange);
}
.tag.white{
    background-color: var(--gray-100);
    color: var(--gray-400);
}