.list {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    a {
        color: inherit;
    }
}
.categories {
    a {
        text-decoration: none;
    }
    p {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
    }
}
.posts {
    a {
        text-decoration: none;
        color: inherit;
    }

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

    &-item {
        margin: 40px -12px;
        padding: 5px 10px;
        border: 2px solid $dark;
        border-radius: 7px;
    }

    &-title {
        font-size: larger;
        font-weight: bold;
        margin: 5px 0px;
    }

    &-summary {
        margin: 5px 0px;
    }

    &-meta {
        margin: 5px 0px 10px 0px;
    }
}