/* Generated by less 2.5.1 */
@font-face {
  font-family: 'fengardo_neueblack';
  src: url('fonts/fengardoneue_black-webfont.woff') format('woff'), url('fonts/fengardoneue_black-webfont.eot') format('eot'), url('fonts/fengardoneue_black-webfont.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
html {
  overflow-x: hidden;
  transition: opacity 0.2s ease-out;
}
html,
body,
h2,
p {
  margin: 0;
  padding: 0;
}
html,
body,
.page {
  background: blue;
}
p,
div {
  font-family: monospace;
}
body {
  opacity: 1;
}
.margintop {
  margin-top: 3em;
}
::selection {
  background: pink;
}
.page-break {
  page-break-before: always;
}
footer {
  display: none;
  text-align: center;
  margin-top: 18cm;
  width: 148mm;
}
span {
  background-color: rgba(255, 255, 255, 0.3);
  text-decoration: line-through;
}
h2 > span {
  text-decoration: line-through;
  text-decoration-style: double;
}
#book-cover {
  display: none;
  padding: 0;
  position: relative;
}
#book-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 600px;
  height: auto;
}
video {
  width: 100%;
}
html {
  margin: 0 auto;
  max-width: 600px;
}
html body .page {
  color: #fff;
}
html body article {
  page-break-before: always;
  min-height: 186mm;
}
html body article h2 {
  font-family: 'fengardo_neueblack';
  text-transform: uppercase;
  font-size: 1.8em;
  margin: .8em 0 .1em 0;
  page-break-before: always;
}
html body article p {
  font-size: 1em;
  line-height: 1.1em;
  text-align: left;
}
html body article a {
  color: pink;
}
html body article img {
  max-width: 100%;
  height: auto;
  filter: blur(0);
}
html body article .margin {
  margin: 1em 0;
}
html body article .date {
  position: absolute;
  text-align: justify;
}
html body article legend {
  font-style: italic;
}
html body article .group {
  background-color: #fff;
  color: blue;
  display: inline-block;
  font-weight: bold;
  padding: 0 .3em;
  margin-top: .4em;
}
@media print {
  body {
    max-width: 100%;
  }
  body h2 > span {
    text-decoration: none;
  }
  body span {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  body video {
    display: none;
  }
  body article:first-child {
    padding: 12mm;
    padding-right: 6mm;
  }
  body article:last-child {
    padding: 12mm;
    padding-left: 6mm;
  }
  body .page {
    display: inline-block;
    position: relative;
    column-count: 2;
    column-fill: auto;
    column-gap: 0;
    width: 148mm ;
    height: 210mm;
  }
  body .page:after {
    font-size: .8em;
    position: absolute;
    width: 148mm;
    text-align: center;
    margin-top: -1.7em;
    opacity: .5;
  }
  body #book-cover {
    display: block;
    column-count: initial!important;
  }
  body img {
    filter: blur(0mm);
  }
  footer {
    display: block;
  }
  .defs-only {
    left: 0;
    top: 0;
    position: relative;
    height: 0;
    width: 0;
  }
}
@media not print {
  article {
    transform: skewX(3deg);
    transform: skewY(-3deg);
  }
  .invert {
    filter: invert(1);
  }
  h2 {
    font-size: 2.5em !important;
  }
  p {
    font-size: 1.5em !important;
  }
  .date,
  .group {
    font-size: 1.2em;
  }
  body {
    padding: 12mm;
  }
  article {
    min-height: auto !important;
  }
  article.empty {
    border: none;
  }
  .date {
    position: relative !important;
    margin-top: 4em;
  }
  article {
    padding-bottom: 2em;
    border-top: solid 2px #fff;
  }
  .blue-filter {
    width: 100%;
    height: auto;
    box-shadow: #222 0.2em 0.2em 1em;
    -webkit-filter: url(#monochrome);
    filter: url(#monochrome);
    box-shadow: #224 0.2em 0.2em 0.6em 0.1em;
  }
  .defs-only {
    position: absolute;
    height: 0;
    width: 0;
    overflow: none;
    left: -100%;
  }
}
@page {
  size: 146mm 210mm;
  margin: 0;
}
@page :first {
}
@page :last {
  background: blue;
}
.page:last-child {
  page-break-after: auto;
}