* {
    font-family: "EB Garamond";
}

.clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-bg-tag {
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: black;
    transition: all .15s linear;
}

.text-bg-tag:hover {
    background-color: #ddd;
    cursor: pointer;
}

.text-bg-tag:active {
    background-color: #ccc;
}

.title-link {
    color: #222222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .08s linear;
}

.title-link:hover {
    color: #FF6F00;
}

.nav-link:hover {
    text-decoration: underline;
}