.article-card {
  position: relative;
}

.article-key{
  color:#fff; font-family: 'PT Serif', serif; font-size: large; font-weight: bold;
  margin-right: 0.5rem;

}

.article-value{
  color:#7a7a8c; font-family: 'Cinzel', serif; font-size: large; font-weight: 100;

}

.article-card-title{
  font-family: 'Lato', sans-serif; font-size: 2rem; font-weight: bold;
  color: #fff;
  display: inline-block; padding: .25rem;
  text-decoration: none;
  margin:0; padding:0;
  text-align: left;
}

.article-card-title:hover, .article-card-title:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.author-cardavtar {
  position: relative;
  place-items: center;
}

.author-cardavtar {
  width: 80px;
  height: 80px!important;
  border-radius: 50%;
  background: linear-gradient(to top, red, purple);
  background-repeat: repeat-y;
  background-size: 50% ;
  transform: rotate(-90deg);
  padding: 5px;
  border-top: 0;
}

.author-cardavtar img {
  border-radius: 50%;
  width: 70px;
  height: 70px!important;
  display: block;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transform: rotate(90deg);
  border: 5px solid #100f17;

}

.card-pool-link{
  text-decoration: none;
  font-size: 1.25em; font-family: 'Cormorant Garamond', serif;
  color: #7a7a8c;
  display: inline-block;
}
.card-pool-link:hover, .card-pool-link:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.card-pool-link-separator{
  font-size: 1.25em; font-family: 'Cormorant Garamond', serif;
  color: #312d3c;
}

.read-article{
  font-family: 'PT Serif', serif; font-size: 1.15em; font-weight: bold;
  color: #fff;
  display: inline-block; padding: .25rem;
  text-decoration: none;
  margin:0; padding:0;
  text-align: left;

  background: linear-gradient(to top, red, purple);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;

}

.read-article:hover, .read-article:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
}

.article-content-inverted{
  filter: invert(100%);
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.article-content-inverted img {filter: invert(100%);}
.article-content-inverted iframe {filter: invert(100%);}
.article-content-inverted pre {filter: invert(100%);}
.article-content-inverted img, .article-content-inverted iframe {
  
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: absolute;

  
}