rigged-systems-portfolio-generator/header.html

<style type='text/css' media='screen'>

img {
  width: 200px;
  padding-left: 10px;
}

@page{
  margin:5mm 12mm;
}

body{
  position:relative;
  font-size: 0.75em;
  line-height: 1.25;
  color:#444;
  max-width: 700px;
  margin:5px auto;
  left: 0px;
  width: 100%;
}

table, th, td {
  border: 1px solid black;
}

table {
  width: 100%;
  margin: 20px 10px;
}

th, td{
  padding:5px;
  text-align: left;
}

h1, h2, h3{
  margin-top:1.5em;
  clear: both;
  break-after: avoid;
}

hr{
  border:0;
  page-break-after: always;
}

figure img, 
figure figcaption {
  max-width:20px;
  max-height:20px;
  margin: 10px 10px 0 0;
}

figure figcaption {
  font-family: monospace;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom:20px;
}

.img-left figure {
  float: left;
  margin: 0 20px;
}

.img-right figure {
  float: right;
  margin: 0 20px;
}

.img-big figure{
  margin:0 20px;
}

.img-big figure img, .img-big figure figcaption{
  max-width: 100%;
  max-height: 100%;
  clear: both;
}

.footnotes{
  page-break-before: avoid;
}

</style>