blockquote {
  padding-left: 1em;
  border-left: solid;
  border-color: gray;
}
/* ----- */
.category-link {
  font-weight: bold;
  border: dashed 2px;
  padding: 0.2em;
}
/* ----- */
@keyframes seesaw {
  0% { transform: rotate(-10deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(10deg); }
  75% { transform: rotate(0deg); }
  100% { transform: rotate(-10deg); }
}

.highlighted-entry {
  display: inline-block;
  text-decoration: underline;
  animation-name: seesaw;
  animation-duration: 1s;
  animation-iteration-count: 3;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;
}
/* ----- */
@keyframes alert {
  from { background-color: transparent; color: white; }
  to { background-color: #df9494; }
}

.old-content {
  color: black;
  background-color: #df9494;
  border-radius: 10px;
  margin-left: 3em;
  margin-top: 1em;
  margin-right: 3em;
  padding: 1em;
  animation-name: alert;
  animation-duration: 1s;
  animation-iteration-count: 4;
}
/* ----- */
/*
Copiado do tema original smol
https://github.com/colorchestra/smol/
*/
[data-theme="dark"] { --bgcolor: black; --fontcolor: white; --linkcolor: #5bf; --visitedcolor: #ae5ee0; --precolor: #fff; --prebgcolor: #383838;}
[data-theme="light"] { --bgcolor: white; --fontcolor: #444; --linkcolor: #00e; --visitedcolor: #551a8b; --precolor: #fff; --prebgcolor: #000;}
/* ----- */
/* comentários */
.comment {
  border: solid thin;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}

.comment img {
  display: inline;
}

.user-link {
  padding-left: 1rem;
}

.comment-date {
  float: right;
  font-size: 0.8rem;
}

.avatar {
  display: inline;
}

#load-comments {
  cursor: pointer;
  border: solid thin;
  border-radius: 8px;
  line-height: 2.5rem;
  padding: 0.1rem;
}

summary {
  cursor: pointer;
}