html.poster body {
  width: 21cm;
  height: 29.7cm;
  background: white;
  padding: 0 1.6262626263cm;
  box-sizing: border-box;
  position: relative;
}
@media screen {
  html.poster {
    background: grey;
  }
  html.poster body {
    margin: 1.9cm auto;
    box-shadow: 3px 3px 10px black;
  }
}
@media print {
  @page {
    margin: 0mm;
  }
}
html.poster #company {
  font-family: "Bebas Neue Book", serif;
  font-size: 0.5cm;
  font-weight: bold;
  height: 1.3434343434cm;
  text-align: center;
  display: block;
  letter-spacing: 0.5pt;
  padding-top: calc(1.3434343434cm / 2 - 0.5cm / 2);
}
html.poster #poster {
  width: 210mm;
  height: 157.5mm;
  overflow: hidden;
  margin: 0 -1.6262626263cm;
}
html.poster #poster img {
  width: 100%;
}
html.poster #date {
  text-align: justify;
  text-justify: distribute;
  margin-top: 1.4141414141cm;
  border-bottom: 6px double black;
}
html.poster #date::after {
  content: "";
  width: 100%;
  display: inline-block;
}
html.poster #date .day, html.poster #date .month, html.poster #date .year {
  font-family: "Bebas Neue Book", serif;
  font-size: 55pt;
}
html.poster #date .month {
  font-family: "Lubalin Graph Bold", serif;
  font-size: 48pt;
  text-transform: uppercase;
}
html.poster #date .day {
  color: #ff3100;
}
html.poster #date .day[data-day]::after {
  content: 'th';
  text-transform: uppercase;
  vertical-align: 1em;
  font-size: 0.4em;
}
html.poster #date .day[data-day="1"]::after, html.poster #date .day[data-day="21"]::after, html.poster #date .day[data-day="31"]::after {
  content: 'st';
}
html.poster #date .day[data-day="2"]::after, html.poster #date .day[data-day="22"]::after {
  content: 'nd';
}
html.poster #date .day[data-day="3"]::after, html.poster #date .day[data-day="23"]::after {
  content: 'rd';
}
html.poster .info {
  float: left;
  border-left: 2px solid black;
  margin-top: 0.6505050505cm;
  padding: calc(0.567cm * 0.7070707071) calc(1.0cm * 0.7070707071);
}
html.poster .info:first-of-type {
  border-left: 0;
  padding-left: 0;
}
html.poster .info .title {
  font-family: "Source Sans Pro Regular", sans-serif;
  font-size: 11pt;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  margin-bottom: 0.2cm;
  letter-spacing: 0.15em;
}
html.poster .info .value {
  font-family: "Bebas Neue Book", serif;
  color: #ff3100;
  font-size: 35pt;
}
html.poster .footer {
  position: absolute;
  bottom: 1.149882665cm;
  right: 1.6262626263cm;
  left: 1.6262626263cm;
  font-family: "Source Sans Pro Regular", sans-serif;
  font-size: 10pt;
  margin-top: 0.5656565657cm;
  border-top: 2px solid black;
  padding-top: 0.8838383838cm;
}
html.poster .footer span#theatre {
  color: #ff3100;
}
html.poster .footer span#website {
  font-size: 20pt;
  display: block;
}
html.poster .footer img {
  float: right;
  width: 2.9626262626cm;
  height: 2.2060606061cm;
}
