ola5doc/publi/css/main.css

<style type="text/css">
@page {
  size: auto;
  margin: 0; }

.page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 210mm;
  padding: 10mm;
  page-break-after: always; }
  .page h1 {
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 2px; }
  .page .info_left {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    height: 180px;
    margin-right: 30px; }
    .page .info_left h2 {
      margin-top: 0;
      font-family: "Computer Modern Serif", serif;
      font-style: italic;
      text-align: left;
      font-size: 1em;
      font-weight: 400;
      letter-spacing: 2px; }
    .page .info_left h3 {
      margin-top: 0;
      font-family: "Computer Modern Serif", serif;
      text-align: left;
      font-size: 1em;
      font-weight: 400;
      letter-spacing: 2px; }
  .page .info_right {
    display: inline-block;
    vertical-align: top;
    width: calc(66% - 30px);
    height: 180px;
    top: 0; }
  .page > p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    font-family: "Computer Modern Serif", serif;
    padding: 0 160px; }
  .page span {
    font-family: "Computer Modern Serif", serif;
    font-size: 1em;
    font-weight: 400; }
  .page p {
    font-family: "Computer Modern Serif", serif;
    font-size: 1em;
    font-weight: 400; }

span.citation {
  font-family: "Computer Modern Serif", serif;
  font-size: 1em;
  font-weight: 400; }

em {
  font-size: 0.8em; }

pre, code {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  word-wrap: normal;
  word-break: break-all; }

.info {
  width: calc(100% - 60px);
  padding-left: 30px;
  padding-right: 30px;
  font-family: Verdana, sans-serif;
  overflow: hidden;
  vertical-align: top; }

ol {
  font-family: "Computer Modern Serif", serif;
  font-size: 1em;
  font-weight: 400;
  padding: 0 160; }

</style>