@font-face {
  font-family: "FuturaExtraBoldCondensed";
  src: url("futura.woff2") format("woff2"), url("futura.woff") format("woff"); }
@font-face {
  font-family: "GeomanistRegular";
  src: url("geomanist-regular-webfont.woff2") format("woff2"), url("geomanist-regular-webfont.woff") format("woff"); }
@font-face {
  font-family: "GeomanistMedium";
  src: url("geomanist-medium-webfont.woff2") format("woff2"), url("geomanist-medium-webfont.woff") format("woff"); }
body {
  background: black;
  color: #ffde00;
  font-size: 16px;
  font-family: "GeomanistRegular", sans-serif; }
  body:not(.projection) {
    padding: 10px; }

.nav {
  font-family: "GeomanistMedium", sans-serif;
  text-transform: uppercase;
  margin-right: auto;
  text-align: center;
  font-size: 20px;
  margin-top: 17px;
  letter-spacing: 0.1em;
  cursor: pointer; }
  .nav a {
    text-decoration: none;
    color: #ffde00; }

p, h1, h2 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  p a, h1 a, h2 a {
    color: #ffde00;
    text-decoration: underline;
    cursor: pointer; }

.ref {
  font-size: 0.75em; }
  .ref a {
    vertical-align: top; }

a.ref {
  vertical-align: top; }

.italic {
  font-style: italic; }

.headline, h1, h2 {
  font-family: "FuturaExtraBoldCondensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-top: 50px; }
  .headline img, h1 img, h2 img {
    width: 170px;
    margin-bottom: -15px; }
    @media (max-width: 390px) {
      .headline img, h1 img, h2 img {
        width: 45vw; } }
  .headline #timer, h1 #timer, h2 #timer {
    font-size: 87px; }
    @media (max-width: 500px) {
      .headline #timer, h1 #timer, h2 #timer {
        font-size: 17vw; } }
  .headline #fate, h1 #fate, h2 #fate {
    font-size: 28px;
    margin-top: -0.4357em;
    line-height: 0.9em; }
    .headline #fate span, h1 #fate span, h2 #fate span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    @media (max-width: 500px) {
      .headline #fate, h1 #fate, h2 #fate {
        font-size: 22px; } }

h1, h2 {
  font-size: 45px;
  text-align: left;
  margin-top: 30px;
  margin-bottom: -20px; }

img {
  max-width: 100%; }
  @media (min-width: 800px) {
    img.half {
      max-width: 460px;
      float: right;
      margin: 25px;
      margin-right: calc(50vw - 400px); } }

h2 {
  font-size: 25px;
  margin-bottom: -5px; }

.qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "FuturaExtraBoldCondensed", sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px;
  max-width: 560px;
  margin: auto; }
  .qr img {
    margin-bottom: 5px;
    width: 155px;
    margin-top: 80px; }

.hidden {
  display: none; }

.projection {
  zoom: 0.8; }

/*# sourceMappingURL=style.css.map */