/* Basic CSS for mastodon-comments */
/* see: https://github.com/dpecos/mastodon-comments/blob/master/example/index.html */

mastodon-comments {
  --font-color: #5d686f;

  --block-border-width: 1px;
  --block-border-radius: 3px;
  --block-border-color: #ededf0;
  --block-background-color: #f7f8f8;

  --comment-indent: 20px;
}

@media only screen and (max-width: 1024px) {
  mastodon-comments {
    --comment-indent: 10px;
  }
}

@media only screen and (max-width: 640px) {
  mastodon-comments {
    --comment-indent: 2px;
  }
}

#mastodon-stats {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 120%;
}

#mastodon-disclaimer {
/*  font-size: 25px;*/
}

#mastodon-comments-list {
  font-size: 90%;
  margin: 0 auto;
}

.mastodon-comment {
  background-color: var(--block-background-color);
  border-radius: var(--block-border-radius);
  border: var(--block-border-width) var(--block-border-color) solid;
  padding: 20px;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
/*  color: var(--font-color);*/
/*  font-size: var(--font-size);*/
}