.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon, .keybase {
  fill: white;
}

.new-window {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
}
.link-transition:hover .new-window{
  opacity: 1;
}

.facebook:hover {
  fill: #3b5998;
}

.twitter:hover {
  fill: #1da1f2;
}

.instagram:hover {
  fill: #e1306c;
}

.youtube:hover {
  fill: #cd201f;
}

.github:hover {
  fill: #6cc644;
}

.gitlab:hover {
  fill: #FC6D26;
}

.linkedin:hover {
  fill: #0077b5
}

.medium:hover {
  fill: #0077b5
}

.mastodon:hover {
  fill: #3088d4;
}

.keybase:hover {
  fill: #ff6f21;
}

.author-img {
  float: left;
  margin: 5px 25px 25px 0px ;
}

.author-name {
  margin: 5px 0px 5px 10px ;
}

.custom-date {
  margin: 20px 0px 0px 0px ;
}