.post h3 {
  font-size: 1.5em;
  margin: 0;
}

.post h4 {
  font-size: 1.2m;
  margin: 0.5em 0;
}

.post p {
  text-align: justify;
  color: #5a5a5a;
}
.post p.link {
  text-align: right;
}
.post p.link a {
  font-size: 1.1em;
}
.post h4 a:not(:last-child) {
  margin-right: 0.5em;
}

.posts .post {
  background: #FFF;
  padding: 1em;
  margin: 1.5em 0;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
}

.posts .post:first-child {
  margin-top: 0;
}

.post p {
  position: relative;
  margin: 1rem 0 0;
}

.post p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: var(--sColor);
  width: 3em;
  top: -0.5rem;
  border-radius: 3px;
}


.categories {
  margin: -2em 0 2em 0;
}
.categories a {
  padding: 0.5em 0.6em;
  margin: 0.5em 0;
  border: solid 2px #d1d1d1;
  box-shadow: 3px 3px 7px #DDD;
  display: inline-block;
  line-height: 1.2em;
}

.categories a:hover, .categories .thisC {
  box-shadow: 3px 3px 7px #afafaf;
}

.categories a:not(last-child) {
  margin-right: 0.5em;
}