h1 {
    font-size: 2.2em;
    margin-block-end: 0.2em;
}
p.date {
    font-size: 0.8em;
    background-color: lavender;
    border-radius: 8px;
    display: inline;
    padding: 3px 9px;
}
table {
    border-collapse: separate;
}
tbody td {
    text-align: center;
    letter-spacing: 1px;
    padding: 0 8px;
}
th {
    background-color: #ffc107;
}
tbody tr:nth-child(odd) {
    background-color: #EEEEEE;
}
tbody tr:nth-child(even) {
    background-color: #CCCCCC;
}
ul.posts {
    margin: 40px auto;
    padding: 0;
}
ul.posts li {
    list-style: none;
}
li.post-card {
    padding: 1% 0;
    border-bottom: #333333 2px solid;
}
div.post-meta {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
div.post-tag a {
    color: cornflowerblue;
    font-weight: bold;
    text-decoration: none;
    box-shadow: inset 0 -4px #018574;
    transition: color .4s, box-shadow .2s ease-out;
}
div.post-tag a:hover {
    color:#fff;
    text-shadow: 0 0 1px #fff;
    box-shadow:inset 0 -1em #018574;
}
div.post-meta time {
    color: #BBBBBB;
}
p.post-desp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
p code {
    background-color: lightcyan;
    border-radius: 8px;
    padding: 3px 6px;
    color: darkcyan;
    font-size: 110%;
}