main .container{
    max-width: 800px;
    padding-top: 0;
}


.breadcrumb{
    padding: 0.5rem;
    margin-inline: 1rem;
    font-size: 15px;
    color: var(--color-gray-80);
    border-bottom: 1px solid var(--color-gray-40);
}

.post__tags{
    font-size: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    gap: 0.5rem;

    & .tags{
        display: flex;
    }
}

.post__tag{
    padding: 0.25rem 0.5rem;
    background-color: var(--color-gray-10);
    color: var(--color-main);
}


@media screen and (max-width: 767px) {

    .post__tags{
        font-size: 0.8rem;
        font-weight: 400;
    }
}