/*
 * Media processing
 *
 * Media Blog Styles
 *
 * Pavlin Georgiev
 * 2023 Softel Labs
 *
*/


.blog-post {
  background-color: lightblue;
  border-radius: 15px;
  padding: 20px;
  margin: 20px;
}

.blog-title {
  color: black;
  font-size: 18px;
  margin-bottom: 10px;
}

.blog-date {
  color: gray;
  font-size: 12px;
  margin-bottom: 10px;
}

.blog-text {
  color: black;
  font-size: 14px;
  line-height: 1.5;
}



.comment {
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}

.comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 25px;
  margin-right: 10px;
  font-size: 10px;
  color: gray;
}

.comment-header-info {
  display: flex;
  flex-direction: column;
}

.comment-author {
  font-weight: bold;
  margin-bottom: 5px;
}

.comment-date {
  font-size: 12px;
  color: gray;
}

.comment-content {
  font-size: 14px;
}


.rotate-45 {
  transform: rotate(45deg);
}