.blog-posts{
  list-style: none;
  padding: 0;
  font-family: 'Cuprum', sans-serif;
  transition: 0.5s;
}
.blog-posts__item{
  font-family: 'Cuprum', sans-serif;
  color: var(--foreground);
  &::before, &::after{
    content: '' !important;
  }

  &--right{
    & p{
      text-align: right;
    }
    & ul{
      flex-direction: row-reverse;
    }
  }
  &--left{
    text-align: left;
  }
}

.nothing{
  font-family: 'Mononoki Bold', monospace;
  text-align: center;
}

.blog-post__header{
  color: $header-color;
  & a{
    color: $header-color;
  }
}

.blog-info__list{
  list-style: none;
  padding: 0;
  display: flex;
}

.blog-info__item{
  margin-right: 20px;
  color: var(--orange);
  display: flex;
  align-items: center;

  &--created{
    &::before{
      content: url("../../svg/watch.svg");
      margin-right: 10px;
    }
  }
  &--reading-time{
    &::before{
      content: url("../../svg/stopwatch.svg");
      margin-right: 10px;
    }
  }
}