.realintro {
background-color: #540913;
opacity: 1;
background-image:  linear-gradient(#891627 8px, transparent 8px), linear-gradient(90deg, #891627 8px, transparent 8px), linear-gradient(#891627 4px, transparent 4px), linear-gradient(90deg, #891627 4px, #540913 4px);
background-size: 200px 200px, 200px 200px, 40px 40px, 40px 40px;
background-position: -8px -8px, -8px -8px, -4px -4px, -4px -4px;
      display:FLEX;
      color:var(--primarylighter);
    }
    .realintrocontent .poop {
    background: rgba(135, 28, 44, 1);
}
.overlay, .realintro {
  min-height:0vh;
}
.realintrocontent div {
  max-width:none;
}

  ex {
    color:darkgrey;
  }
  .rowedlist {
    display:flex;
    flex-wrap: wrap;
    padding-left:20px;
    gap:5%;
    align-items: center;
  }
  .rowedlist div {
    flex:  45%;
    display: list-item;
    list-style-position: inside;
  }
  .maincontent h2, h3, h4, h5, h6, h7 {
    border-bottom:1px solid var(--greyed);
  }
  .maincontent h3, h4, h5, h6, h7 {
    padding-left:10px;
  }
  .document {
    padding:5px;
    outline:1px solid var(--greyed);
    min-height: 45.77509602223vh;
    box-shadow: 0px 0px 10px var(--greyed);
  }
  .documentcontent {
    padding:10px;
  }