/* Readlog Progress */
progress::-moz-progress-bar { background: blue; }
progress::-webkit-progress-value { background: blue; }
#progress {
    color: blue;
    height: 12px;
    width: 80%;
    border: 0px;
    background-color: red;
    border-radius: 8px;
}

/* Bullet Image */


/* Old Stuff */


.avatar {
  height: 25px;
  border-radius: 10px;
  float: left;
        /* height: calc(var(--one-line) * 3);
        border-radius: calc(var(--one-line) / 2);
  float: left;*/
        margin-right: var(--one-line);
        margin-bottom: var(--one-line);
}

#comments .comment .avatar {
  height: 25px;
}

#comments .comment {
        min-height: calc(var(--one-line) * 2);
        margin: calc(0.5 * var(--one-line)) 0;
        padding: calc(0.5 * var(--one-line));
        border-radius: calc(var(--one-line) / 2);
        border: var(--line-width) solid;
}

#comments .comment__author__username {
        color: var(--text-highlight-0);
}

#comments .comment__content p:last-child {
        margin-bottom: 0;
}

#comments > button {
        width: 100%;
}


#avatar {
        border: 2px solid var(--accent-color);
        border-radius: 100%;
        width: 40%;
        padding: 20px;
        margin: auto;
}

#avatar img {
        width: 95%;
        margin: auto;
}

.badge {
        width: 25%;
}

.postcard {
  border: 5px solid;
	border-color: var(--color);
	border-radius: 10px;
	padding: 15px;
  padding-top: 0px;
  margin: auto;
	margin-top: 25px;
}

.readmore {
        border-radius: 10px;
        cursor: pointer;
}

.card-tags {
        padding: 10px;
}