.header-with-bottom-gradient {
  position: relative;
  z-index: 1;
  background: #100f17;
  width: 100vw;
  /* background-blend-mode: multiply; */
}

@media (max-width: 800px){
.header-with-bottom-gradient {
    border-bottom-right-radius: 80px;}
}

.header-with-bottom-gradient {
    border-bottom-right-radius: 80px;
}

@media (max-width: 800px){
.header-padding {
    padding: 2rem 1rem 1rem;
}}
@media (max-width: 1200px){
.header-padding {
    padding: 2rem 1rem 1rem;
}}

.header-inner {
  display: block;
}

.pool-link{
  text-decoration: none;
  font-size: x-large; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #7a7a8c;
  display: inline-block; padding: .25rem; padding-left:0;
}
.pool-link:hover, .pool-link:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pool-link-separator{
  font-size: x-large; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #312d3c;
}

.tag-header-link{
  text-decoration: none;
  font-size: xx-large; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #fff;
  display: inline-block;
}
.tag-header-link:hover, .tag-header-link:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.pool-header-link{
  text-decoration: none;
  font-size: 4rem; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #fff;
  display: inline-block;
}
.pool-header-link:hover, .pool-header-link:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}


.tag {margin-top: 0.2rem; margin-bottom: 0.2rem; display: inline-block}

.tag a {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: .66rem;
  color: #7a7a8c;
  text-transform: uppercase;

  white-space: nowrap;
  border: 3px solid #28242f;
  border-radius: 2rem;
  padding: .2rem .85rem .25rem; 
}
.tag a:hover, .tag a:focus {
  border: solid #fff;
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.tag-large {margin-top: 0.2rem; margin-bottom: 0.2rem; display: inline-block}

.tag-large a {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: bold;
  font-weight: 800;
  font-size: 1.5rem;
  color: #7a7a8c;
  text-transform: uppercase;

  white-space: nowrap;
  border: 5px solid #28242f;
  border-radius: 2rem;
  padding: .2rem .85rem .25rem; 
}
.tag-large a:hover, .tag-large a:focus {
  border: solid #fff;
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}



.header-title{
  font-family: 'Lato', sans-serif; font-size: 3rem; font-weight: bold;
  color: #fff;
  display: inline-block; padding: .25rem; padding-left:0;
}

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

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

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

}

.header-author{
  font-size: large; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #7a7a8c;
}

.header-author-link, .header-date{
  text-decoration: none;
  font-size: large; font-weight: 700; font-family: 'Cardo', serif;
  color: #fff;
}
.header-author-link:hover, .header-author-link:focus{
  background-image: linear-gradient(to left, red, purple);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.header-dark-mode-button{
  display:inline;
  height: auto;
  margin:0; padding:0;
  text-align: left;
}

.header-gradient-after {
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  position: relative;
  margin-top: -200px;
  padding-top: calc(200px + 1rem);
  
}

.header-gradient-content {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pool-banner{
  color:#fff; font-family: 'PT Serif', serif; font-size: x-large; font-weight: normal;

}


.sidebar-pool-link{
  font-size: 1rem; font-weight: bold; font-family: 'Proza Libre', sans-serif;
  color: #fff;
  display: inline-block;
  text-align: end;
}
.sidebar-pool-link, .sidebar-pool-link:hover, .sidebar-pool-link:focus{
  background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}