@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

p, div {
  font-family: 'Roboto', roboto;
  font-size: 1.6rem;
  text-align: justify;
}

p.caption {
  color: #777;
  margin-top: 10px;
  text-align: center; 
  font-style: italic; 
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}



#-------------------------------
.book .book-body .page-wrapper .page-inner {
  max-width: 1200px !important;
}

.infobox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid orange;
  border-radius: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
}


.blackbox {
  padding: 1em;
  background: black;
  color: white;
  border: 2px solid orange;
  border-radius: 10px;
}

.center {
  text-align: center;
}

.book .book-summary ul.summary li a, .book .book-summary ul.summary li span {
    font-size: 1.3rem;
}

#-------------------------------
/*.book.with-summary .book-header.fixed {
    left: 400px;
}

.book.with-summary .book-body {
    left: 400px;
}

.book .book-summary {
    width: 400px;
}
*/