1.list {
 2    max-width: 600px;
 3    margin: 0 auto;
 4    font-size: 18px;
 5    line-height: 30px;
 6    a {
 7        color: inherit;
 8    }
 9}
10.categories {
11    a {
12        text-decoration: none;
13    }
14    p {
15        display: flex;
16        flex-direction: row;
17        flex-wrap: wrap;
18        gap: 5px;
19    }
20}
21.posts {
22    a {
23        text-decoration: none;
24        color: inherit;
25    }
26
27    ul {
28        list-style-type: none;
29        margin: 0px;
30        padding: 0px;
31    }
32
33    &-item {
34        margin: 40px -12px;
35        padding: 5px 10px;
36        border: 2px solid $dark;
37        border-radius: 7px;
38    }
39
40    &-title {
41        font-size: larger;
42        font-weight: bold;
43        margin: 5px 0px;
44    }
45
46    &-summary {
47        margin: 5px 0px;
48    }
49
50    &-meta {
51        margin: 5px 0px 10px 0px;
52    }
53}