<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.posts-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(375px, 100%), 1fr));
    gap: 1em;
}

.posts-container .post {
    border-radius: calc(var(--borderRadius) / 2);
    box-shadow: var(--boxShadow);
    /* padding: var(--padding); */
    padding: 1.5em;
    background-color: rgb(255 255 255);
    text-align: center;
    display: grid;
    gap: 1em;
}

.posts-container .post img {
    max-width: 200px;
    height: 75px;
    object-fit: scale-down;
}

.posts-container .post .meta {
    display: grid;
    gap: 1em;
}

.posts-container .post .meta h2 {
    padding: 0;
    font-size: 19px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    line-height: 1;
}

@media only screen and (max-wdith: 768px) {
    
    .posts-container .post .meta h2 {
        white-space: nowrap;
    }

}

.posts-container .post .meta h2 span {
    font-size: 40px;
    color: rgb(var(--webeoPurple));
    font-weight: 800;
}

.posts-container .post .meta a {
    justify-self: center;
    align-self: end;
}

.post-1128 .posts-container .post .meta a {
    background-color: rgb(var(--webeoWhite));
    color: rgb(var(--primary));
    border: solid 1px rgb(var(--primary));
}

.post-1128 .posts-container .post .meta a:hover {
    background-color: rgb(var(--primary));
    color: rgb(var(--webeoWhite));
}

.posts-container .pagination {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    gap: 1em;
}

.posts-container .pagination a,
.posts-container .pagination span {
    border: solid 1px rgb(var(--primary));
    color: rgb(var(--skDark));
    padding: 10px;
    font-family: 'BebasNeue';
    line-height: 1;
}</pre></body></html>