.mastodon-comment {
    background-color: #565a5e;
    border-radius: 10px;
    border:1px solid black;    
    border-color: rgb(220, 224, 228);
    padding: 10px;
    margin-bottom: 1rem;
    display: flex;
}


.mastodon-comment .avatar img {
    margin-right: 10px;
    border-radius: 50%;
}

.mastodon-comment-content p:first-child {
    margin-top: 5px;
}

.mastodon-comment .content {
    flex-grow: 2;
}

.mastodon-comment .author {
    /* align-self: flex-start; */
    margin-inline-end: 10px;
}

.mastodon-comment .reply-comment {
    float: inline-end;
}

.mastodon-comment .date {
    font-size: small;
    padding-left: 5px;
}

#load-comment {
    color: #e8eef2;
    border: 1px solid #e8eef2;
    border-radius: 5px;
    background-color: #404142;
}

#add-comment {
    color: #e8eef2;
    border: 1px solid #e8eef2;
    border-radius: 5px;
    background-color: #404142;
}