.main.index {
  text-align: center; }
  .main.index .preface {
    margin-bottom: 1rem; }
  .main.index .cover-img-randomizer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .main.index .cover-img-randomizer .window {
      flex: 0 1 16rem;
      min-width: 0; }
      .main.index .cover-img-randomizer .window .title-bar-text {
        font-size: 0.8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .main.index .cover-img-randomizer .window .image {
        height: 16rem;
        background-color: gray;
        margin-bottom: 0.5rem;
        width: 100%; }
      .main.index .cover-img-randomizer .window .description {
        font-size: 0.8rem;
        font-style: italic;
        margin-bottom: 0.5rem; }
      .main.index .cover-img-randomizer .window .read-more {
        font-style: normal; }
      .main.index .cover-img-randomizer .window .roll {
        font-size: 1rem;
        color: inherit;
        text-shadow: none;
        cursor: pointer;
        padding: 0.25rem 0.5rem; }
  .main.index .intro {
    margin-bottom: 2rem; }