.taglist-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0;

    .taglist-table-row {
        padding: 2%;
        background-color: var(--navbar-color);
        width: 28%;
        margin-right: 1%;
        margin-top: 1%;

        .card-meta {
            margin-bottom: 2.3rem;
        }

        &:hover {
            box-shadow: 0.5rem 0.5rem 0 var(--border-color);
        }
    }

    @media only screen and (max-width: 600px) {
        .taglist-table-row {
            width: 100%;
        }
    }
}

.posts {
    padding: 0;
    margin-top: 1.2rem;

    .post {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.5rem;
    }

    .title {
        display: block;
        margin-bottom: 0.5rem;
    }

    .date {
        display: block;
    }

    ul {
        list-style: none;
        padding: 0;
        margin: 0
    }
}

.tag-cloud {
    margin-top: 4vmin;

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tags-item {
        margin-top: 1rem;
    }
}
