@media (prefers-color-scheme:light) {
  .articleblock {
    box-shadow: 0 3px 10px var(--shadowcolor);
  }
}
body {
  position: relative;
}
main {
  display: flex;
  justify-content: center;
  position: relative;
  /* overflow-y: scroll; */
  /* max-height: 100vh; */
}
.sidebar {
  display: flex;
  flex-direction: column;
  margin-top: 5em;
  width: 15vw;
  background-color: var(--pagecolor);
}
.article {
  display: block;
  width: 50vw;
  margin: 1em;
  background-color: var(--pagecolor);
}
.articleblock {
  float: right;
  width: 21em;
  height: auto;
  margin: 2em 0 1em 2em;
  padding: 1em;
  background-color: var(--pagecolor2);
  border-radius: 1em;
}
.articleblock img {
  width: 21em;
  margin: 1em 0;
}
.articleblock p {
  margin: 0;
  padding: 0;
}
.articleblock p.blocktitle {
  border: none;
}
.blockdetails {
  display: flex;
  padding-top: 0.5em;
  border-top: 2px solid var(--pagecolor);
}
.blockdetails div {
  width: 50%;
}
.details1 {
  font-weight: bold;
}
.details1 p, .details2 p {
  font-size: 1em;
}
.rightbar {
  width: 15vw;
  min-height: 100vh;
  background-color: var(--pagecolor);
}
p {
  margin: 0;
  padding: 0.5em 0;
  max-width: none;
}
p.list {
  margin: auto 2em;
}
.footer {
  width: 80vw;
}