@font-face {
  font-family: myWindlass;
  src: url('Windlass.ttf');
}

html, body {
  padding: 0;
  margin: 0;
  font-family: Garamond, serif;
  font-size: 10.5pt;
  color: black;
  background: white;
}

@media screen {
  body, html {
    background: black;
  }
}

section {
  background-color: white;
  margin: 20px auto;
  padding: 25px 25px;
  width: 850px;
  overflow: hidden;
  page-break-before: always;
}

@media screen {
  section{
    background-image: url('images/bg.png');
    background-repeat: repeat-y;
  }
}

section.columns {
  column-count: 2;
}

section.onepage {
  height: 1100px;
  column-fill: auto;
}

table {
  border-collapse: collapse;
  border: 1px solid grey;
}

table.fullsize {
  width: 100%;
}

table tr {
  border: 1px solid grey;
}

table th {
  font-family: myWindlass;
  font-size: 10.5pt;
  font-weight: normal;
}

table th, table td {  
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-family: myWindlass;
  padding: 0;
  margin: 0;
  color: black;
}

p {
  padding: 0;
  margin: 0;
  font-family: Garamond, serif;
  font-size: 10.5pt;
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: black;
}

p + p {
  margin-top: 1em;
}

h1 {
  font-size: 32pt;
  color: #661900;
  text-align: center;
}

h2 {
  font-size: 20pt;
  color: #661900;
  text-align: center;
}

h3 {
  font-size: 14pt;
  color: #661900;
  text-align: center;
}


h4 {
  font-size: 11pt;
}

div.statblock {
  font-size: 18pt;
  text-align: center;
  margin: 0;
}


.brawn, .agility, .intellect, .cunning, .willpower, .presence {
  background-repeat: no-repeat;
  padding: 0.4em 1em 1em 1em;
  display: inline-block;
  width: 0.5em;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.woundthreshold {
  background: url('images/WoundsThreshold.svg');
  background-repeat: no-repeat;
  padding: 0.5em 1.2em 0.2em 1.2em;
  display: inline-block;
  width: 1em;
  text-align: center;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.strainthreshold {
  background: url('images/StrainThreshold.svg');
  background-repeat: no-repeat;
  padding: 0.5em 1.2em 0.2em 1.2em;
  display: inline-block;
  width: 1em;
  text-align: center;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.soakvalue {
  background: url('images/Soak.svg');
  background-repeat: no-repeat;
  padding: 0.5em 1.2em 0.2em 1.2em;
  display: inline-block;
  width: 1em;
  text-align: center;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.mrdefense {
  background: url('images/Defense.svg');
  background-repeat: no-repeat;
  padding: 0.5em 0.25em 0.2em 0.25em;
  display: inline-block;
  text-align: center;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.mrdefense > span {
  width: 1.5em;
  display: inline-block;
}



.brawn {
  background: url('images/Brawn.svg')
}

.agility {
  background: url('images/Agility.svg')
}

.intellect {
  background: url('images/Intellect.svg')
}

.cunning {
  background: url('images/Cunning.svg')
}

.willpower {
  background: url('images/Willpower.svg')
}

.presence {
  background: url('images/Presence.svg')
}