/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom. */

html {
  font-family: sans-serif  /* 1 */;
  -ms-text-size-adjust: 100%  /* 2 */;
  -webkit-text-size-adjust: 100%  /* 2 */;
}

/**
 * Remove default margin. */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11. */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */

audio,
canvas,
progress,
video {
  display: inline-block  /* 1 */;
  vertical-align: baseline  /* 2 */;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10. */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state. */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome. */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome. */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9. */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers. */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10. */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11. */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari. */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers. */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers. */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers. */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set. */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */

button,
input,
optgroup,
select,
textarea {
  color: inherit  /* 1 */;
  font: inherit  /* 2 */;
  margin: 0  /* 3 */;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11. */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox. */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others. */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button  /* 2 */;
  cursor: pointer  /* 3 */;
}

/**
 * Re-set default cursor for disabled elements. */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet. */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10. */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box  /* 1 */;
  padding: 0  /* 2 */;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`. */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */

input[type="search"] {
  -webkit-appearance: textfield  /* 1 */;
  box-sizing: content-box  /* 2 */;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance). */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding. */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets. */

legend {
  border: 0  /* 1 */;
  padding: 0  /* 2 */;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11. */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells. */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*
  TYPOGRAPHIC STYLES
  ==================
  Base typography styles

  Based on stylus boilerplate by Jack Brewer
  (https://github.com/jackbrewer/stylus-boilerplate) */

/*
  BASE SETTINGS */

/*
  COLOURS */

/*
  SELECTED TEXT */

::-moz-selection {
  color: #fff;
  background: #c89c14;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #c89c14;
  text-shadow: none;
}

/*
  BASE STYLES */

html {
  font-size: 15px;
  font-family: 'Inknut Antiqua', serif;
  line-height: 23px;
  color: #fff;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 1em;
}

/*
  HEADINGS
  Uses a Double-stranded heading hierarchy to preserve the document outline.
  http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Inknut Antiqua', serif;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

/*
  HEADING SIZES
  Modular scale (perfect fourth ratio)
  http://www.modularscale.com/?1&em&1.333&web&text */

h1, .h1 {
  font-size: 4.209em;
}

h2, .h2 {
  font-size: 3.157em;
}

h3, .h3 {
  font-size: 2.369em;
}

h4, .h4 {
  font-size: 1.777em;
}

h5, .h5 {
  font-size: 1.333em;
}

h6, .h6 {
  font-size: 1em;
}

/*
  LINKS & BUTTONS */

a {
  color: #fff;
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

a:active {
  color: #fff;
}

/*
  EMPHASIS */

blockquote, q, em, dfn, i, cite, var {
  font-style: italic;
}

th, strong, dt, b {
  font-weight: bold;
}

/*
  QUOTES */

blockquote p:before, blockquote p:after, q:before, q:after {
  content: '';
}

blockquote {
  font-size: 1.125em;
}

blockquote p {
  margin-bottom: 0;
}

/*
  TEXT MARKING */

ins {
  text-decoration: none;
  border-bottom: 3px double;
}

del, s {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

mark {
  background-color: #ff9;
  color: #000;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
}

/*
  ADDITIONAL PRESONTATIONAL ELEMENTS */

address {
  font-style: normal;
}

/*
  In HTML5, the `<small>` element represents legal text or small-print, rather
  than dictating a font size. */

small {
  font-size: inherit;
}

/*
  BUTTON STYLES
  ==================
  Sourdough CSS buttons */

/*
  BASE SETTINGS */

/*
  BASE STYLES
  Base styles to persuade `<a>`, `<button>` and `<input>` elements to look the
  same as each other, across various browsers. */

button, .btn {
  display: inline-block;
  border: none;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}

.btn {
  height: 3em;
  padding: 0 1em;
  line-height: 3em;
  font-size: 1em;
  font-family: inherit;
  color: #fff;
  background-color: #3d77eb;
  border-radius: 5px;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  text-decoration: none;
}

.btn:hover {
  background-color: #3465c7;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn:active {
  background-color: #3d77eb;
  color: #fff;
}

.btn:focus {
  box-shadow: 0px 0px 3px #666;
  outline: 0;
}

/* BUTTON MODIFIERS */

/* Remember to add button variation modifier examples to the style guide page. */

.btn--secondary {
  color: #333;
  background-color: #ececec;
}

.btn--secondary:hover {
  background-color: #d9d9d9;
}

.btn--secondary:active {
  background-color: #ececec;
  color: #333;
}

.btn--success {
  color: #fff;
  background-color: #23ca5e;
}

.btn--success:hover {
  background-color: #1fad51;
}

.btn--success:active {
  background-color: #23ca5e;
  color: #fff;
}

.btn--alert {
  color: #fff;
  background-color: #eb3d41;
}

.btn--alert:hover {
  background-color: #d2363a;
}

.btn--alert:active {
  background-color: #eb3d41;
  color: #fff;
}

/* BUTTON STATES */

.btn--disabled, .btn[disabled] {
  pointer-events: none;
  opacity: .7;
}

/* BUTTON SIZES */

.btn--small {
  font-size: 0.8125em;
}

.btn--big {
  font-size: 1.25em;
}

/* BUTTON GROUP */

/* Contains multiple buttons and adds spacing between them. */

.btn--block {
  display: block;
  width: 100%;
}

/* BUTTON GROUP */

/* Contains multiple buttons and adds spacing between them. */

.btn-group {
  padding-left: 0;
}

.btn-group:after {
  content: "";
  display: table;
  clear: both;
}

.btn-group li {
  float: left;
}

.btn-group li + li {
  margin-left: 1px;
}

/* Modifier for buttons with round corners */

.btn-group--round .btn {
  border-radius: 0;
}

.btn-group--round li:first-child .btn {
  border-radius: 5px 0 0 5px;
}

.btn-group--round li:last-child .btn {
  border-radius: 0 5px 5px 0;
}

/* Adjacent buttons should have margin */

.btn + .btn {
  margin-left: 0.2em;
}

/* Adjacent block buttons should have vertical margin */

.btn--block + .btn--block {
  margin-left: 0;
  margin-top: 0.2em;
}

body, html {
  height: 100vh;
}

body {
  background-color: #000;
  overflow: hidden;
  -webkit-filter: contrast(125%) brightness(93%);
          filter: contrast(125%) brightness(93%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
}

.btn--link {
  background-color: transparent;
  color: #c89c14;
  text-decoration: underline;
}

.btn--link:hover, .btn--link:focus {
  background-color: transparent;
  box-shadow: none;
}

.mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: black;
  padding: 50px 20px;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile h1 {
  text-align: center;
  font-size: 20px;
  line-height: 2;
}

@media (min-width: 640px) {

  .mobile {
    display: none;
  }
}

.loader {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,1);
  z-index: 9999;
  position: fixed;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
  display: none;
}

@media (min-width: 640px) {

  .loader {
    display: block;
  }
}

.loader-flag-2, .loader-flag {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity 0.2s 0.3s linear;
  transition: opacity 0.2s 0.3s linear;
  background-size: 100%;
}

.loader-flag {
  background-image: url("data:image/png;base64,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");
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}

.loader-flag-2 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAAB4CAMAAADheK3eAAAAZlBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaFws0LhVpXSp2aC+diz+qlkSDdDVbUSUNDAUAAAAAAAAnIxBORSAAAABBOhrRuVTErU+Qfzq3okoNCwZk3lYgAAAAInRSTlMAQGCAr7/v/99wMBCPz////////////58g//9Q///////vTEmk+AAAEVxJREFUeAG014d2Y6kSheHrpO1uT1cVUJQHhg3M+7/ktY/UXtakzt8KjuJXncTS/77Vze3d/cMJbx4fHu7vPtx8/N+v9HT72ydA1FJ+U7Jb1QDw8Hz7+y/JfnytNktu/QiJvggAUFWzc/7x+Y+fPe2HR2CYDQG0plzIaZmrb67k1hsAGaMrcHq++Xndm2eg1S6Apsxie7fItaPYGF6RXZ0ldQFijAE83j79nO4DMLoAY81piTokL7Gh8IhhFak65ojMncYRF5zunn5GN/oAms9i2wyuDQVYSyttlBVtBsSt2ZLB6QNoXX+4/fSMGAPoeReqShpISZ278J1sJQOrOdjHnEkg1vF4+wPhDycMBfrmbmGjYY46+Y9KoaCl3GxnLoWkgYfvvct+f0DTwNiz95Kaujr/y8zTAEtqZFZoaqe77wr/cYreoJm0hNSQ+GUzuYn0pYu5wWp8z9i/QSsi0UP9yH6lrbrUhWQK8Xb61kfL0wNsYEyyO3JKk99gA+rdOAeS4duO+O+fxCUWEzQJNr/Rstkcx9jD4/npG57RJ02hk6yOnL86PDffBFoZiaU1j09PXx82R6VrtYivHzgH+Gav2QrI2WO1I/1VYe+xyJ6Qy9eHZwB8D5Btmz3SV6Zv/iy9lZk8CQr/7t/eTIXi/Z+mWVZrZMXXpW+i9DZpCvf898GsA1b4dwm1YPFNFk0Z0Uimr0p//PMIMzmMLC2UM09eKBCrQXiWl130QOVV2bJm1pGrLPavSH88rd7mVMl9THI2R0+IwoNjzExLcL5YonY2dKRNdoyRk5l53rQ0+MJ0GNmR4r/TTye3NpmtKQ8DoYLzkLOhm5MUUZK7lWpmycoxYV4dTXs+WNfWGl8sYOXNjvqf6adP1WOybMXgwcAVVY9FMqIDqcpwWWTytPmqknkMiDrPZhrDStHMF3v2JZsDCff/Xn7WHIUVUfLkocIpydPlthmAAboDk9n2WCRzz9a6uZWpKHzRxvKOmgcPaCicLTp++9ftOEo42TOcZ00QpUTUY0VDQmQABdikOpeZpbX29gaMQONKzI0vSrjwkNQ8zR2iuP2XqwurVe6cJTYPLhmrzzIAsUkDED10eVtkqQitu7gNEUUAQDXVNM8vb6aFZ1Z7YkZrp3/cNJ8ea21kiPCzNgZK2uRMDeFj4JXE0OkNaLWQJR8d7ooQwUFtrYEsk2cDkUjDwKd/3JDbikJWw+QFDsFX0xUOaQAETXsq/Kzk4/usGMu1myqA5qPzYlpy21SMf9ozb7AicWfXys+sexV0XiRxbWhw2FvURwDA2CS3BQIBdZ/WJZFvXNPgDmn4+/H+1HsjA43XFKqLZ0oLmFYtvAx5mAJAJ/ssTXAQhPOdBHTSMfDw9+t6IXP3Dl6byTDmORVQKEes4w8DaDkhV+haiMHSRqglq6q2so79fpW00qRi4PavDy+TzpmXGq85AgHw1UaqSJGO7xsCaBvNSWZkZHqUGjhbNKnv1+nWuaPJ43X5TlJsNjRe2ytLQFtn7jlnDIEYs5YUsQwCV8DJjNJ18lVO5oXc5ByJbxKkk4aO2+uRUxg5EjLfswiBSIvWcFHJhV5FhygUQDuOagsLUQH0xeWBkKtdb9eFM0Qfr0aOGpN0Ub5XuykrGtCGWcpueZNUNEiHBJLWzbOO7LZydrNqcgzbY12vppl+PfTTqUalh2xeiS5K7px5RSFrBkK3VTGebWSelfi8uUXhOxqRSNH3Q39AwqYuGK9k1up1FV7TSk5RSKjIMXSeO9rk2Ra0cLIg7Go17ZN0VNy8lR+7DHINLP5Vj87cC9fkRc6XOR2I2eGoGbbAOQYPs0YzckOv15u9V1K6PL99gkLFYlXj32Rb8Cae4PTB0diAy3QGxUBqGAMaSgXOMw+obqb/124n6HKkuBaAuz0dV5UtCQHyB48D7H+VzxmRnm5Eze5/A+fDBsRVKrI6f+AwnBXvty9lWbqQoth8qa8hkgMR3gGLqEibJ8VXgT4LApPkjABddkRk/mAKKjlhX/bYb+ioZG0xr8nP9blIT8CqQBs8leF7e9lntcrRFpxkRkBQN6B8adVK9tafJesVOjK9+OZLs9fCr3wXBQYw+J3s7tNrRN4oPGzXwLDCl5CacyE968anGMIcobzIraAs6ZOHiahG68jn3dDwldhkQVp8ajDhRUNMMlKc/9zvBjqzteCVANK/LNJaK5P0jkFyNrNiywqfPIBQraY6VDAGL6avTfbR35yPoIFFlr54ZVgJASHJDKSIvG30RnJZWSS5jdwCAJq/Bngxa5sX2jVzobw7r5GBOTUKb5P3juz9mayACXS2RpbliQ/GPUbva3PpEVZCFZqL8UIknBMJjw7tm1ChqwavikBpMZwPFSuQAGzAOXV6Nes2qvkuDbUj9tzMMslpkYUXZxWW81y9U3TOLsoLR4L2WYGjMiQEmgPqUJJL6nG2t9vAqbLrPpLJZrpvoruRY+inx2keSNw+edXHAvfkTg3oswoe+qjKWRoQfc1lZsV9mQQeJHqkTXoUzbw/Vyb97ePl1+EzELyKAASd5CM8pOAU0tFqyS/OPppZ1YZTL0Len6uCisc9MjC3GjYvGhqA4Gnr0NYgqKjOL5ZVRfPz9EMq+iilmKXe9n27jsywz3fJa/QgV0+8pzDfPMzGLogosngoQwOANUAXWWmBh4iKSLzjkSp5VMoPoso8+uS91QDlSUaHsEvjwxKIKrooRgcKSykyTAWQ0VUKbyR0JY+i8VZ1cAwY72Wt0HFmGypkPktGAqAlo07bdFhMaliEHvrMMpwXc2gh9dGgezvCaAmJ9zICqo10kigGtMmy90BXAFsRTjoondM5S1fVWtYiSzgv3Aqp2l7/573ByJx5Z/emASiqCZoqgLY4m+YW1SoUDcAid2hBXfaZ+zKbfCjGi7CR2fXzgYZhsUMmr1ZoW6EaAkCbfmaTHOiABYCBqJkPWSKp6lAVtHFuwYp0e1IzTfXtfzDglATnlVhTzqqjOL+jQPeG1tYsqfA04TzNLhjnPp682OaktUdyhTPZmLzqq/VplwqvbTEDEAW+5ik2Tw4INrlHS7wo3TYN9jnZ4My2eG9EIfPk95qRzN4R3Q2rri3L4V83i2tTO6sqL1S7fZccgs07c1R4izRb4s5ciUkbFh8SBoq0jmGoQ1gAHlYAhaQ4rwxxrPnjmawL98m2E5rFCGQPOODo5jx0PDRAAMTaeCZ3ga8+Q5vzavomDYYzeafMW1XNnV5qtFBE1UB3ngaG2VCrmkqa1KjIJB2A6ciC4A0ZPX+XXELnfXKaPLjPbWkaAIx1aaRzD5Tz7TnTsi6jy7Db5BCnQT+epyoqCm+4tpjTnE+C1vaI4GEnq3pqiEKH8yk3mGzeyD2RBn3usFpj805UqAHlTOqRuFkS6tmwsXq8CoqZOUmFhNnQbuYNVXmn9kX2R/J7QyGz81bHGAHEERyovU5Sm5LMurt/ZoXkMLOGbmmeuyh1acIbjtVIVXn7n7c9jAuovGOYjlL1eUNUwAa6i5Flfeu4ptqi257Oh91VR2EvvJqBIxkf/vNGddBqU96YHUbtzyuyHckAcmAz19mTuxe1Xq2UsTzgJGeknZO0rPy9RwkqXj/eJI3TaubVDEX4FoyySRo62g5gA5usdW//LO+5egQa0JmMfiROKY1XNXrmhOLV8fccef8osebYdU8TQJ0JAAQ9Jc2cZQCwWaqqjvocORitDY98lht1Xqh0ox+voV9R4VRB4YWoINkimauga8VDoOnqAe1r8psVaNrwIGomkYVXubXNhI7PL310GMeC8wInHnKNEjIAHJvY+cUuZzWbFWK51V6rqvYihRfz2P01xuMv6LdNlPQ1ebFStob0bVVZGwQrjCcvVQDBsxHogofoPQ/R+3qRO9nG0Sr5gIHJgZi8M4CvQc0N8KrtPLUWANCwAoHYrDk3DZyiT14VtE6i4tXRn1EsosB5KxX0lc5kKJQq+XlBQt2xitbtaI1TVaImM201T5PFq5ImHXY2DTCO01B5qwCAgAesEh2LnPSIBsSOqJN0bBTmMUvDg2qia5v80UJdZJV+NuPeRIvjXPEqlyKCIWkWLSlBAsOZZFe0vNBQG1DIjHJUCJ+ku2ceLtXKUJRsXT48OzQDi+3mXE0NGZDRAl9EIQ1dYygABaKnSbJiNBxCAzii0yV5Syxu2LML+BsGOsfNf3RPVVkC0G7L13afzwam9A4RXZY2TwWePZPZPdWzs22RXxbdRDJJ+tL5fBMac3q9TBNgxOD2PPkDRc8bwFhDkXhacJ4cOA+Kv9xj2kohW20fvnYfOwpToPOlMnravOm4ctRA9NFG9smUMzqfdg+VRDpg/EFFFGYsfJ1je9+ksdowXvTWZtHF8q3vUyLxoSBij0gYC5bAr+aAGDnjRRkqVjLZ9WwBHl6hwmcqPm9uMdiIUrHYY7aYgaiTD4YGgQlGg6Dyi9UwqrOvF7fYRh/kPPtwXzvrXTrZrvdYL001D21RWqBLKJxPiogAIiAq5buAwDbJgdgvaq4IaVLO/XV6DcMmFvLL5M7DHqMsSC7A4NOyTW6/GaIRIJWw9LL/Z84ZRV7/8AtKlc5ajX8mp8W/oOKyXUfUfSz53W8//oRSsDkbKn8OvdxLKuOy5If3XQddevDnGMEfZR990rS8f/Gj/ysU+G618OfYmz8w9ExuuFx+/X7bu5JTYfxfGJGMHNXe3v4KXOgyhP8D7toyl2TcjOF+ainmll7483WMTe5wfX07S5K0klQM/gzbN7/QZkepsI/3g3+Rw+lRwX9vKoDOQ07edLO2s1TceDOKzNmqeebT7EAz/m25qQBIfIhWSZZw+eV3Z3dW7yQrkHmqAOLvHrVM2oqZAT2TtU1mpPb2jya0WiI1ifMEyM598e9wVK5Ap8Yg5+hFjTlGP6/Ne7+0HIWlp2VHWgYKeRQ351+0xdpkA7LCSEOp5Gwt4Q/Hqz+NjExuIEjSAWducd7Df8200SodooDP7GiVs8WfjV/+9rGXyMyRdW6SQChao0Nkmjn/iGlZtWpXwNnDUGeEeZqzRcKnPxsxfX9El7QCiax4WOwAaojOlHkve0VzQ+pDACG9F2YU5VEC4+NfmHzsJZy0MTrJpFo3Nx7EdsJAs5uJxF17iWU7AMhIII9a3FGfwZfddR+NQpe+RDYPadQAsGl4OAKH2nLOFrVJpi2lmXgClq/zOQLtk8yCfh98H20kRxPjww5si9XIIUDYcz4kgOhAbxFza8ypVanS+bC0aMRkjlDcTWfdR+uKMWna1xibZF6c52TEkMAkyRldREIAbiCxRaUvFK/Iz7bE9s2C6Lhf8f0Ob0Uk0+cQSTztMjl19C9DmCpYOhSNBJRVUHWFMhWyaBmtZc6O1v5y8DlEHWXAyDrMJZxPuwvEebAGhI6Q85rMIQAw+BBtTFvMDUPw6be/OTheDS1P3yZq+9tEIiLzYBXo26O1pDCyA2P5JBVFWyOZED3wy98flpfUUCeX1BUYfJqTp5UaSfroS+r3PQFYnebMDTrw7r//6AOBWiNs5u2xRr8M2ITwhbwLWmkyyFkRveHNb//wo4ioA5Hm1FHQY48+7wbFT84EGJZNn9MiasdfH9K/LPsNpCvCNmdUGxFu6rzKmQ3VxFfXzGmBboF/9RnKfz8e2RhlO8eoC6I5ZG/bx5p900ZOwIb1HLHJXSPMBJ/+7ddWr95Dhgair2krY9lowwWyA6siMqSbuI+oJGdpaCUJfsq3Tq8+AjoGEKPsZdOkb5RqUkyHbaSaz8mynQakLot353p/ygdW7xBjdDnqkK9N0+LRvEC5LJP01AWavDR8fPXbT/2E7g0ArdVUgNBqxdcmp7ubaYP25Dk1fPzwXO7PDP+/Dx8BqK3kxT6r+lk3s+V7u2m8e/PLJfanpf/3l09vAYhWS35YZkPx/u3r//ubqf8PO8IfTM5nZ+wAAAAASUVORK5CYII=");
  -webkit-animation: spin 1.5s .75s linear infinite;
          animation: spin 1.5s .75s linear infinite;
}

.loader.transition-out {
  background-color: rgba(0,0,0,0);
}

.loader.transition-out .loader-flag, .loader.transition-out .loader-flag-2 {
  opacity: 0;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) translate(-50%, -50%);
            transform: rotateY(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotateY(360deg) translate(-50%, -50%);
            transform: rotateY(360deg) translate(-50%, -50%);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotateY(0deg) translate(-50%, -50%);
            transform: rotateY(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotateY(360deg) translate(-50%, -50%);
            transform: rotateY(360deg) translate(-50%, -50%);
  }
}

@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotateY(0deg) translate(-50%, -50%);
            transform: rotateY(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotateY(-360deg) translate(-50%, -50%);
            transform: rotateY(-360deg) translate(-50%, -50%);
  }
}

@keyframes spin-reverse {
  0% {
    -webkit-transform: rotateY(0deg) translate(-50%, -50%);
            transform: rotateY(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotateY(-360deg) translate(-50%, -50%);
            transform: rotateY(-360deg) translate(-50%, -50%);
  }
}

.header {
  position: absolute;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 7;
}

.header-title {
  opacity: 0;
  font-size: 50px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  pointer-events: none;
  will-change: font-size, transform;
  -webkit-transform: translateX(5%);
      -ms-transform: translateX(5%);
          transform: translateX(5%);
}

@media (min-width: 1024px) {

  .header-title {
    font-size: 90px;
    -webkit-transform: translateX(4%);
        -ms-transform: translateX(4%);
            transform: translateX(4%);
  }
}

@media (min-width: 1280px) {

  .header-title {
    font-size: 110px;
    -webkit-transform: translateX(2%);
        -ms-transform: translateX(2%);
            transform: translateX(2%);
  }
}

.header-title--small {
  font-size: 25px;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  position: absolute;
  left: 50%;
  top: 15px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.header-title * {
  will-change: transform, opacity, font-size;
}

.header-proceed {
  margin-top: 65px;
  font-size: 17px;
  position: relative;
  opacity: 0;
}

.header-proceed--hand {
  position: absolute;
  top: 0;
  left: 0;
  width: 53px;
  height: 25px;
  background-image: url('../images/hand.svg');
  background-size: 100%;
  -webkit-transform: rotate(29deg) translate(-60px, 15px);
      -ms-transform: rotate(29deg) translate(-60px, 15px);
          transform: rotate(29deg) translate(-60px, 15px);
  -webkit-animation: hand 0.8s linear infinite;
          animation: hand 0.8s linear infinite;
}

@-webkit-keyframes hand {
  0% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
  30% {
    -webkit-transform: rotate(20deg) translate(-28px, 15px);
            transform: rotate(20deg) translate(-28px, 15px);
  }
  35% {
    -webkit-transform: rotate(20deg) translate(-27px, 15px);
            transform: rotate(20deg) translate(-27px, 15px);
  }
  43% {
    -webkit-transform: rotate(20deg) translate(-25px, 15px);
            transform: rotate(20deg) translate(-25px, 15px);
  }
  80% {
    -webkit-transform: rotate(26deg) translate(-55px, 15px);
            transform: rotate(26deg) translate(-55px, 15px);
  }
  90% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
  100% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
}

@keyframes hand {
  0% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
  30% {
    -webkit-transform: rotate(20deg) translate(-28px, 15px);
            transform: rotate(20deg) translate(-28px, 15px);
  }
  35% {
    -webkit-transform: rotate(20deg) translate(-27px, 15px);
            transform: rotate(20deg) translate(-27px, 15px);
  }
  43% {
    -webkit-transform: rotate(20deg) translate(-25px, 15px);
            transform: rotate(20deg) translate(-25px, 15px);
  }
  80% {
    -webkit-transform: rotate(26deg) translate(-55px, 15px);
            transform: rotate(26deg) translate(-55px, 15px);
  }
  90% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
  100% {
    -webkit-transform: rotate(29deg) translate(-60px, 15px);
            transform: rotate(29deg) translate(-60px, 15px);
  }
}

.header__subtitle {
  text-transform: uppercase;
  font-size: 15px;
  cursor: default;
  letter-spacing: 0.2em;
  line-height: 1.4;
  opacity: 0;
}

@media (min-width: 1024px) {

  .header__subtitle {
    font-size: 23px;
  }
}

@media (min-width: 1280px) {

  .header__subtitle {
    font-size: 27px;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  background-color: black;
  z-index: 8;
  -webkit-transition: all 1s;
  transition: all 1s;
  will-change: transform, background-color;
}

.footer--open {
  -webkit-transform: translateY(calc(-100vh + 85px));
      -ms-transform: translateY(calc(-100vh + 85px));
          transform: translateY(calc(-100vh + 85px));
  background-color: white;
}

.footer--open .header-title--small {
  color: black;
}

.footer-container {
  max-width: 780px;
  margin: 0 auto;
  position: relative;
}

/*#sound-off
  display: none */

.btn--footer {
  background-color: transparent;
}

.btn--footer:hover, .btn--footer:active {
  background-color: transparent;
}

.btn--footer:focus {
  box-shadow: none;
}

.btn--mute {
  width: 39px;
  height: 44px;
  padding: 0;
  margin-top: 15px;
  background-image: url('../images/sound.png');
  background-size: 100% auto;
  background-position: 0 33%;
  -webkit-transition: none;
  transition: none;
}

.btn--mute.btn--mute-off {
  background-position: 0 0;
}

.footer--open .btn--mute {
  background-position: 0 100%;
}

.footer--open .btn--mute.btn--mute-off {
  background-position: 0 66.666%;
}

.btn--about {
  width: 33px;
  height: 43px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 20px;
  background-image: url('../images/about.png');
  background-size: 100% auto;
  background-position: 0 0;
  -webkit-transition: none;
  transition: none;
}

.btn--about:hover {
  background-position: 0 50%;
}

.footer--open .btn--about {
  background-position: 0 100%;
}

.zoltar {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: scale(0.8) translateY(-40%) translateX(12%);
      -ms-transform: scale(0.8) translateY(-40%) translateX(12%);
          transform: scale(0.8) translateY(-40%) translateX(12%);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  z-index: 2;
}

/*will-change: transform, opacity */

@media (min-width: 1400px) {

  .zoltar {
    -webkit-transform: scale(0.8) translateY(-40%) translateX(12%);
        -ms-transform: scale(0.8) translateY(-40%) translateX(12%);
            transform: scale(0.8) translateY(-40%) translateX(12%);
  }
}

.zoltar--color {
  z-index: 3;
  opacity: 0;
}

.zoltar-blur-wrapper {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.zoltar-wrapper {
  background-image: url('data:image/png;base64,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');
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 1;
}

.zoltar-wrapper::after, .zoltar-wrapper::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.zoltar-wrapper::before {
  background: -webkit-radial-gradient(center ellipse, rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%);
}

.zoltar-wrapper::after {
  background: -webkit-radial-gradient(center circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 60%);
  background: radial-gradient(circle at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 60%);
}

#mouth {
  will-change: transform;
}

#red-eyes {
  opacity: 0;
}

.coins {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 6;
}

.coins::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 30vh;
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0) 100%);
  z-index: 7;
}

.coin {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  text-align: center;
  width: 140px;
}

.coin:hover .coin__text {
  letter-spacing: 4px;
}

.coin:hover .coin__img {
  -webkit-animation: coinOver 1.5s infinite;
          animation: coinOver 1.5s infinite;
}

.coin--animating .coin__text {
  opacity: 0;
}

.coin--animating .coin__img {
  -webkit-animation: none !important;
          animation: none !important;
}

.coin--left {
  margin-left: -30%;
}

.coin--right {
  margin-left: 30%;
}

.coin__img {
  width: 98px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform, box-shadow;
}

.coin__text {
  margin-top: 24px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: letter-spacing 1s, opacity 0.3s;
  transition: letter-spacing 1s, opacity 0.3s;
}

@-webkit-keyframes coinOver {
  0% {
    box-shadow: 0 0 0 rgba(240,212,102, 0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  66% {
    box-shadow: 0 0 20px rgba(240,212,102, 0.7);
  }
}

@keyframes coinOver {
  0% {
    box-shadow: 0 0 0 rgba(240,212,102, 0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  66% {
    box-shadow: 0 0 20px rgba(240,212,102, 0.7);
  }
}

.coins-text {
  text-align: center;
  position: absolute;
  bottom: 150px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 8;
}

.cards {
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 6;
}

.cards::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 25vh;
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0) 100%);
  z-index: 7;
}

.cards-holder {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform-origin: 50% 40%;
      -ms-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  will-change: transform, opacity;
}

.card {
  width: 500px;
  min-height: 375px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,.25);
  position: absolute;
  color: #030303;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-height: 700px) {

  .card {
    top: 40%;
  }
}

.card a {
  color: #c89c14;
}

.card--out {
  pointer-events: none;
}

.card-content {
  position: relative;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-content-scrollpane {
  height: 280px;
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  position: relative;
  text-align: center;
}

.card__corner {
  position: absolute;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}

.card__corner:nth-child(1) {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  top: 10px;
  left: 10px;
}

.card__corner:nth-child(2) {
  top: 10px;
  right: 10px;
}

.card__corner:nth-child(3) {
  bottom: 10px;
  right: 10px;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.card__corner:nth-child(4) {
  bottom: 10px;
  left: 10px;
  -webkit-transform: scale(-1, -1);
      -ms-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.card-profile {
  /*height: 80px */
  width: 50px;
  padding-top: 15px;
  /*margin-top: 20px */
  /*margin-bottom: 26px */
  position: relative;
  margin: 20px auto 10px;
}

.card-profile::after {
  content: '';
  position: absolute;
  border: 2px solid #333;
  border-radius: 50%;
  height: 80px;
  width: 100%;
  top: 0;
  left: 0;
}

.card-profile__img {
  height: 50px;
  border: 2px solid #333;
  overflow: hidden;
  border-radius: 50%;
}

.card-author {
  /*padding-top: 7px */
  font-size: 10px;
}

.card-text {
  text-align: center;
  padding: 0 50px;
  margin: 10px 0 10px;
}

.card-img-wrapper {
  width: 183px;
  height: 126px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #333;
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50%;
  /*max-height: 150px */
}

.card-share {
  border-top: 2px dashed #bbb;
  margin: 0 10px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-share p {
  font-size: 10px;
  color: #333;
}

.card-share__label {
  color: #999;
  font-size: 10px;
  width: 40%;
  text-align: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.card-share__divider {
  display: block;
  width: 14px;
  height: 15px;
  margin: 5px auto 0;
}

.cards-help {
  position: absolute;
  top: 30%;
  margin-top: 220px;
  z-index: 8;
  text-align: center;
  width: 100%;
  /*font-size: 10px */
  line-height: 1.7;
}

.cards-help a {
  color: #c89c14;
  text-decoration: underline;
}

.cards-help a:hover {
  text-decoration: none;
}

@media (min-height: 700px) {

  .cards-help {
    top: 40%;
  }
}

.cards-help__coin {
  width: 50px;
  height: 50px;
  position: relative;
  top: 5px;
}

.cards-help__coin:nth-child(2) {
  margin-left: -17px;
  z-index: -1;
}

.card-share__link {
  position: relative;
}

.card-share__link::after {
  content: '';
  width: 58px;
  height: 25px;
  position: absolute;
  left: -63px;
  top: 3px;
  background: url('../images/hand.svg') no-repeat top left;
  background-size: 100% auto;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  opacity: 0;
}

.card-share__link:hover::after {
  opacity: 1;
}

.about {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateY(100vh);
      -ms-transform: translateY(100vh);
          transform: translateY(100vh);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  will-change: transform;
  background-color: white;
  z-index: 7;
  padding-top: 125px;
  color: #030303;
  overflow: auto;
}

.about--open {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.about-content {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 50px;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.about-content h1,
  .about-content h2,
  .about-content h3,
  .about-content h4,
  .about-content h5,
  .about-content h6,
  .about-content .h1,
  .about-content .h2,
  .about-content .h3,
  .about-content .h4,
  .about-content .h5,
  .about-content .h6 {
  color: #030303;
}

.about-content p {
  line-height: 2;
}

.about-content h1 {
  font-size: 31px;
  margin: 1.3em 0 1em;
}

.about-content a {
  color: #c89c14;
}