.post{
    margin-bottom: var(--space-m);
}
.post__card{
    background-color: #FFFFFF;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    min-height:10.5rem;
    max-width: 30rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
}
.post__avatar-img{
    width:3.125rem;
    height:3.125rem;
    justify-self: center;
    align-self: center;
}
.post__username{
    align-self: self-start;
    font-size: var(--font-size-h5);
}
.post__mail{
    align-self: self-end;
    justify-self: self-start;
}
.post__content{
    grid-area: content;
    font-size: var(--font-size-ul);
    word-wrap: break-word;
}
.post__card--top{
    display: flex;
    flex-direction: row;
    gap: var(--space-m);
    margin-bottom: var(--space-m);
}
.post__card__userinfo{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.post--own{
    align-self: self-end;
}

.post--other{
    align-self:self-start;
}