html {
    background-position-x: center;
    background-position-y: top;
  }

  body {
    margin: 15px auto;
    max-width: 800px;
    line-height: 1.6;
    font-size: 15px;
    padding: 0 10px;
    /* Use system fonts */
    font-family: system-ui, sans-serif;
    color: #222;
  }

  article {
    display: inline flex;
    flex-wrap: wrap;
    width: 370px;
    vertical-align:top;
  }

  section {
    width: 100%;
  }

  section > details {
    padding: 10px;
}

  section > details > summary {
      font-size: 26px;
      font-weight: bold;
      color: #08c;
      text-decoration: underline;
  }

  section > article > details[open] {
    padding-bottom: 20px;
  }

  section > article > details > summary {
    color: #08c;
    text-decoration: underline;
  }

  img {
    border-width:0;
    display: inline-block;
  }

  i.icon-star:before { 
    color: #000;
    font-size: 16px;
    font-style: normal;
    content: "\2605"; 
  }

  blockquote {
    border-left: 5px solid #eee;
  }

  ::marker{ display:none; } 
  
  summary{ list-style: none }

  @page {
    size: A4 landscape;
  }
  
  
@page:right{ 
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: "My book";
    font-size: 9pt;
    color: #333;
  }
}