主页格式

.navButton:hover {
  z-index: 15;
}
 
.featured-block {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0;
}
 
.featured-block .body-panel {
  width: 60%;
  box-sizing: border-box;
}
 
.featured-block .featured-image {
  width: 40%;
  box-sizing: border-box;
}
 
.featured-block .header-panel {
  width: 100%;
}
 
.featured-block .footer-panel {
  width: 100%;
}
 
.footer-panel a {
    color: var(--primary-text-color);
}
#page-title {
    display: none;
}
 
.liminal-title {
    margin-top: 50px;
    text-shadow: 0 0 20px black;
}
 
.flavor-text {
    margin: 30px 70px;
    font-size: 90%;
    color: #aab;
}
 
.grid-container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-auto-rows: 1fr;
    grid-template-columns: 40% auto auto;
    grid-template-rows: 1 1;
}
 
.archives-container {
    margin: 20px 8px;
    display: flex;
    flex-wrap: wrap;
}
 
.body-panel.full {
  width: 100%;
}
 
.underrated-block .list-pages-box {
  display: flex;
}
 
.underrated-block .list-pages-box .list-pages-item {
  width: 33%;
  text-align: center;
  margin: 0 5px;
}
 
@media (min-width: 769px) {
    .liminal-title {
        letter-spacing: 10px;
        margin-left: 10px;
    }
 
    .flavor-block {
        margin: 35px;
    }
 
  .underrated-block .list-pages-box {
    margin: 0 50px;
  }
 
.archives-container .split-block:nth-child(1) {
  order: 1;
  margin: 16px 24px 0;
}
 
.archives-container .split-block:nth-child(3) {
  order: 2;
  margin: 16px 24px 0;
}
 
.archives-container .split-block:nth-child(2) {
  order: 3;
  margin: 0 24px 16px;
}
 
.archives-container .split-block:nth-child(4) {
  order: 4;
  margin: 0 24px 16px;
}
}
 
@media (max-width: 768px) {
    .archives-container {
        margin: 20px 0;
    }
    .featured-block .featured-image, .featured-block .body-panel,  .featured-block .footer-panel {
        width: 100%;
    }
}
 
blockquote{
       margin: 0 0 0.5rem 0;
}
@media (min-width: 769px) {
blockquote{
       margin: 0 0 0.5rem 0;
       padding: 0.01rem 1rem;
}
}