.newest-item {
  max-width: calc(50% - 2.5rem);
}
.newest-item a .image-container {
  max-width: 100%;
}
.newest .image-container {
  width: 41.25rem;
  height: 27.5rem;
}
.newest .newest-item-title h2 {
  max-width: 41.25rem;
}
@media (max-width: 1024px) {
  .newest {
    display: none;
  }
}
.fixed-scroll {
  width: 60rem;
}
.fixed-scroll-header {
  flex: 0 0 17rem;
  display: flex;
}
.fixed-scroll-header-title {
  line-height: 1rem;
}
.fixed-scroll-body {
  flex: 0 0 43rem;
}
.fixed-scroll-body img {
  min-height: 5rem;
}
@media (max-width: 1024px) {
  .fixed-scroll {
    display: none;
  }
}
.newest-mobile {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1.5rem;
  width: 56rem;
  max-width: 100%;
  margin: 2rem auto;
  box-sizing: border-box;
}
.newest-mobile-item {
  max-width: 25.5rem;
  margin: 0;
  margin-bottom: 3rem;
}
.newest-mobile-item a .image-container {
  width: 100%;
  height: 17rem;
}
@media (max-width: 640px) {
  .newest-mobile-item {
    max-width: 100%;
  }
  .newest-mobile-item a .image-container {
    width: 100%;
    height: 50vh;
  }
}
.newest-mobile .image-container {
  width: 41.25rem;
  height: 27.5rem;
}
@media (min-width: 1025px) {
  .newest-mobile {
    display: none;
  }
}
.post {
  width: 51rem;
}
.post-title-image img {
  max-height: 54rem;
  object-fit: contain;
}
.post-body * {
  line-height: 1.5;
  font-family: "Roboto";
}
.post-body p {
  font-size: 18px;
}
#previous {
  position: sticky;
  left: calc(50% - 35rem);
  top: calc(50% - 1rem);
  height: 2rem;
  width: 4rem;
  bottom: 100rem;
}
@media (max-width: 840px) {
  #previous {
    display: none;
  }
}
#next {
  position: sticky;
  right: calc(50% - 35rem);
  top: calc(50% - 1rem);
  height: 2rem;
  width: 4rem;
  bottom: 100rem;
}
@media (max-width: 840px) {
  #next {
    display: none;
  }
}
/*# sourceMappingURL=blog.css.map */