.main.index {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .main.index .preface {
    margin-bottom: 1rem; }
  .main.index .cover-img-randomizer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .main.index .cover-img-randomizer .image {
      width: 15rem;
      height: 15rem;
      background-color: gray;
      margin-bottom: 0.5rem; }
    .main.index .cover-img-randomizer .description {
      font-size: 0.8rem;
      font-style: italic;
      margin-bottom: 0.5rem; }
    .main.index .cover-img-randomizer .read-more {
      font-style: normal; }
    .main.index .cover-img-randomizer .roll {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1rem;
      color: inherit;
      text-shadow: none;
      cursor: pointer;
      padding: 0.25rem 0.5rem; }
  .main.index .intro {
    margin-bottom: 2rem; }