.post .post-cover {
  border: none;
  padding: 0;
  max-height: 250px;
  width: 100%;
  object-fit: cover;
}

.post.on-list {
  display: grid;
  grid-template-columns: 1fr 20%;
  gap: 1em;

}
.post.on-list .post-title {
  grid-column: 1 / 3;
}
.post.on-list .post-meta {
  display: none;
}
.post.on-list .post-content {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin-top: 0;
  align-self: center;
}
.post.on-list .post-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  grid-column: 2 / 3;
  grid-row: 2  / 4;
  
}

.post.on-list div {
  grid-column: 1 / 2;
  grid-row: 3/4;
  align-self: center;
  overflow: visible;

}
.post.on-list .read-more {
  margin: 0;
  text-shadow: 0 0 .4em var(--accent);
}

img {
  opacity:.95;
}

h1 a{
  color: white;
  text-shadow: 0 0 3em var(--accent),  -.07em 0 0 #00eaff, .07em 0 0 #ff00fb ;
}

h1, h2, h3, h4, h5, h6 {
  color: white;
  text-shadow: 0 0 3em var(--accent),  -.07em 0 0 #00eaff, .07em 0 0 #ff00fb ;
}


body {
   background: linear-gradient(to top, #000000, #000000, #333333, #333333);
  background-size: cover;
  background-size: 100% .2em;
  background-attachment: fixed;

}

code {
  text-shadow: 0 0 3em var(--accent),  -1px 0 0 #00eaff, 1px 0 0 #ff00fb ;
}