@import url("https://fonts.googleapis.com/css?family=Patua+One");
.abs-center {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

body *, body *:before, body *:after {
  box-sizing: border-box;
  display: block;
}

html, body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  font-family: "Patua One", cursive;
  color: #190d23;
  background: #190d23;
  line-height: 1.7em;
  font-size: 0.7vmin;
}

html, body, main {
  width: 100%;
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
}

main {
  flex-grow: 1;
}

row {
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

text, picture {
  width: 100%;
}

picture {
  position: relative;
  width: 100%;
  height: 100%;
}

picture:before {
  content: "";
  padding-top: 100%;
  display: block;
}

picture *, picture *:before, picture *:after, background *,
background *:before, background *:after, foreground *, foreground *:before, foreground *:after, transition:before, transition:after {
  position: absolute;
  content: "";
}

picture *, picture *:before, picture *:after, background *, background *:before, background *:after, foreground *, foreground *:before, foreground *:after {
  top: 0;
  left: 0;
}

picture, background, foreground, text {
  perspective: 5000px;
  perspective-origin: 50% 50%;
}

picture, picture *, foreground, foreground *, background, background * {
  transform-style: preserve-3d;
  /*backface-visibility: hidden;*/
}

picture > *, transition, transition:before, transition:after {
  position: absolute;
  top: 0;
  left: 0;
}

picture > *, background > *, foreground > * {
  width: 100%;
  height: 100%;
}

body background .bi0 {
  transform: translateZ(-12px);
}
body background .bi1 {
  transform: translateZ(-11px);
}
body background .bi2 {
  transform: translateZ(-10px);
}
body picture i.pi0 {
  transform: translateZ(-5px);
}
body picture i.pi1 {
  transform: translateZ(1px);
}
body picture i.pi2 {
  transform: translateZ(12px);
}
body picture i.pi3 {
  transform: translateZ(13px);
}

/*resets*/
p {
  margin: 0 0 1em;
}

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

a, a:visited, a:hover {
  text-decoration: none;
  color: inherit;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  transition: all 0.25s ease-in-out;
  display: inline-block;
  border-radius: 1em;
}

a:hover {
  box-shadow: inset 0 0 0 60px rgba(0, 0, 0, 0.2), 0 0 0 5px rgba(0, 0, 0, 0.2);
}

a[copyright] {
  position: absolute;
  left: 6px;
  top: 6px;
  transform: translate(0, 132px) rotate(-90deg);
  font-size: 7px !important;
  line-height: 1;
  font-weight: 100;
  z-index: 99999999999;
  transform-origin: left top 0;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff !important;
  box-shadow: none !important;
}

picture {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

foreground {
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0.25s;
}

text {
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0.5s;
}

[page="0014"] background {
  transform: scale(1.4) scaleX(-1) rotate(-0.5deg);
  top: 20%;
  left: 5%;
}

[page="0014"] picture i.pi2 i:nth-of-type(2) {
  width: 50em;
  height: 13em;
  transform: translate3d(25em, 5em, 0);
  overflow: hidden;
  border-radius: 10em 10em 1em 1em;
}
[page="0014"] picture i.pi2 i:nth-of-type(2):before {
  width: 100em;
  height: 100em;
  background: #832F25;
  left: -50em;
  right: -50em;
  margin: auto;
  border-radius: 50%;
  border: 1em solid #D9412A;
  box-shadow: inset 0 0.5em 0 rgba(29, 32, 73, 0.5), inset 0 2em 0 #832F25, inset 0 3em 0 rgba(29, 32, 73, 0.5);
}
[page="0014"] picture i.pi2 i:nth-of-type(2):after {
  width: 50em;
  height: 4em;
  border: 1em solid #832F25;
  border-top: none;
  transform: translate3d(0, 8em, 0);
  box-shadow: 0 0.5em 0 rgba(29, 32, 73, 0.5), inset 0 -0.5em 0 #D9412A;
}
[page="0014"] picture i.pi2 i:nth-of-type(3) {
  width: 46em;
  height: 9em;
  transform: translate3d(27em, 20em, 0);
  background: #832F25;
  box-shadow: inset 0 1em 0 rgba(29, 32, 73, 0.5), inset 0 1em 3em rgba(29, 32, 73, 0.5);
}
[page="0014"] picture i.pi2 i:nth-of-type(3):before {
  width: 48em;
  height: 2em;
  transform: translate3d(-1em, -2em, 0);
  background: #832F25;
  border-radius: 0 0 1em 1em;
  box-shadow: inset 0 1em 0 rgba(29, 32, 73, 0.5);
}
[page="0014"] picture i.pi2 i:nth-of-type(3):after {
  content: "-- LE CHEF --";
  transform: translate3d(1em, 0em, 0);
  background: #B2ABA1;
  border-radius: 0 0 0.1em 0.1em;
  box-shadow: inset -0.1em 0.1em 0 rgba(29, 32, 73, 0.5), -0.1em 0.1em 0 rgba(29, 32, 73, 0.5), 0 0 1em rgba(29, 32, 73, 0.5);
  border: 0.2em solid #832F25;
  font-size: 5em;
  font-style: normal;
  padding: 0 0.3em 0 0.3em;
  letter-spacing: 0.1em;
  line-height: 1.1em;
}
[page="0014"] picture i.pi2 i:nth-of-type(4) {
  width: 50em;
  height: 9em;
  transform: translate3d(25em, 29em, 0);
  background: #832F25;
  border: 1em solid #832F25;
  border-bottom: none;
  border-radius: 2em 2em 0 0;
  box-shadow: inset -0.3em 0.3em 0 #D9412A, inset -0.6em 0.6em 0 #832F25, inset -0.9em 0.9em 0 rgba(29, 32, 73, 0.5), inset -1.2em 1.2em 0 #832F25, inset -1.5em 1.5em 0 rgba(29, 32, 73, 0.5), inset 0.3em 0 0 rgba(29, 32, 73, 0.5), inset 0.6em 0 0 #832F25, inset 0.9em 0 0 rgba(29, 32, 73, 0.5), inset 1.2em 0 0 #832F25, inset 1.5em 0 0 rgba(29, 32, 73, 0.5);
}
[page="0014"] picture i.pi2 i:nth-of-type(4):before {
  width: 2em;
  height: 2em;
  background: #832F25;
  border-radius: 0.3em;
  box-shadow: inset 0.3em -0.3em 0 rgba(29, 32, 73, 0.5), inset -0.3em 0.3em 0 #D9412A, -0.3em 0.3em 0 rgba(29, 32, 73, 0.5), 0.3em -0.3em 0 #D9412A;
  border: 0.3em solid #832F25;
}
[page="0014"] picture i.pi2 i:nth-of-type(4):after {
  width: 2em;
  height: 2em;
  transform: translate3d(46em, 0, 0);
  background: #832F25;
  border-radius: 0.3em;
  box-shadow: inset 0.3em -0.3em 0 rgba(29, 32, 73, 0.5), inset -0.3em 0.3em 0 #D9412A, -0.3em 0.3em 0 rgba(29, 32, 73, 0.5), 0.3em -0.3em 0 #D9412A;
  border: 0.3em solid #832F25;
}
[page="0014"] picture i.pi2 i:nth-of-type(5) {
  width: 10em;
  height: 92em;
  transform: translate3d(25em, 37em, 0);
  background: #832F25;
  border-left: 1em solid #832F25;
  box-shadow: inset 0.3em 0 0 rgba(29, 32, 73, 0.5), inset 0.6em 0 0 #832F25, inset 0.9em 0 0 rgba(29, 32, 73, 0.5), inset 1.2em 0 0 #832F25, inset 1.5em 0 0 rgba(29, 32, 73, 0.5);
  border-radius: 0 0 0 1em;
}
[page="0014"] picture i.pi2 i:nth-of-type(5):before {
  width: 10em;
  height: 92em;
  transform: translate3d(39em, 0, 0);
  background: #832F25;
  border-right: 1em solid #832F25;
  box-shadow: inset -0.3em 0 0 #D9412A, inset -0.6em 0 0 #832F25, inset -0.9em 0 0 rgba(29, 32, 73, 0.5), inset -1.2em 0 0 #832F25, inset -1.5em 0 0 rgba(29, 32, 73, 0.5);
  border-radius: 0 0 1em 0;
}
[page="0014"] picture i.pi2 i:nth-of-type(5):after {
  transform: translate3d(5em, -3em, 0);
  width: 38em;
  height: 95em;
  border: 1em solid #832F25;
  box-shadow: -0.5em 0 0 rgba(29, 32, 73, 0.5), 0 0 2em rgba(29, 32, 73, 0.5), 0.5em -0.5em 0 #D9412A, inset 0 0 2em 1em rgba(29, 32, 73, 0.75);
  border-radius: 0.5em 0.5em 0 0;
  border-bottom: none;
}
[page="0014"] picture i.pi2 i:nth-of-type(6) {
  transform: translate3d(32.5em, 36em, 1px);
  width: 34.5em;
  height: 92.75em;
  border: 3em solid #832F25;
  border-bottom-width: 15em;
  border-top-width: 4em;
  box-shadow: -0.3em 0.3em 0 rgba(29, 32, 73, 0.5), 0.3em -0.3em 0 #D9412A;
  border-radius: 0.5em;
}
[page="0014"] picture i.pi2 i:nth-of-type(6):before {
  transform: translate3d(0em, 0em, 0);
  width: 100%;
  height: 100%;
  border: 1em solid #832F25;
  box-shadow: -0.3em 0.3em 0 rgba(29, 32, 73, 0.5), 0.3em -0.3em 0 #D9412A, inset -0.3em 0.3em 0 rgba(29, 32, 73, 0.5), inset 0.3em -0.3em 0 #D9412A;
  border-radius: 0.5em;
}
[page="0014"] picture i.pi2 i:nth-of-type(6):after {
  transform: translate3d(-0.1em, 75em, 0);
  width: 29em;
  height: 12em;
  border: 0.5em solid #832F25;
  box-shadow: -0.15em 0.15em 0 rgba(29, 32, 73, 0.25), inset -0.25em 0.25em 0 rgba(29, 32, 73, 0.25), inset 0 0 4em rgba(29, 32, 73, 0.25), 0 0 5em rgba(29, 32, 73, 0.25);
  border-radius: 1em;
}
[page="0014"] picture i.pi2 i:nth-of-type(7) {
  width: 50em;
  height: 6em;
  transform: translate3d(25em, 123.5em, 0);
  border-radius: 0 0 1em 1em;
  border-bottom: 1em solid #190d23;
  opacity: 0.9;
  box-shadow: inset 0 -2em 2em rgba(29, 32, 73, 0.25);
}
[page="0014"] picture i.pi2 i:nth-of-type(1) {
  width: 60em;
  height: 20em;
  transform: translate3d(15em, 118em, 0);
  border-radius: 50%;
  background: #190d23;
  opacity: 0.5;
}
[page="0014"] picture i.pi2 i:nth-of-type(1):before {
  width: 200em;
  height: 40em;
  transform: translate3d(-140em, 0, 0) rotate(-5deg);
  border-radius: 50%;
  background: #190d23;
  opacity: 0.4;
}
[page="0014"] picture i.pi2 i:nth-of-type(8) {
  transform: translate3d(45em, 40em, 2px);
  width: 10em;
  height: 73em;
  border: 1em solid #832F25;
  border-bottom-width: 0;
  border-top-width: 0;
}
[page="0014"] picture i.pi2 i:nth-of-type(8):before {
  width: 100%;
  height: 98%;
  border: 1em solid #190d23;
  transform: translate3d(-1.5em, 0, -4px);
  box-sizing: content-box;
  box-shadow: 0.75em 0 0 #D9412A, inset 0.75em 0 0 #D9412A;
}
[page="0014"] picture i.pi2 i:nth-of-type(9) {
  transform: translate3d(36.5em, 52em, 1px);
  width: 26.5em;
  height: 13em;
  border: 1em solid #832F25;
  border-left-width: 0;
  border-right-width: 0;
  box-shadow: 0 0.25em 0 #190d23, inset 0 0.25em 0 #190d23, 0 -0.25em 0 #D9412A, inset 0 -0.25em 0 #D9412A;
}
[page="0014"] picture i.pi2 i:nth-of-type(9):before {
  transform: translate3d(0, 23em, 0);
  width: 26.5em;
  height: 13em;
  border: 1em solid #832F25;
  border-left-width: 0;
  border-right-width: 0;
  box-shadow: 0 0.25em 0 #190d23, inset 0 0.25em 0 #190d23, 0 -0.25em 0 #D9412A, inset 0 -0.25em 0 #D9412A;
}
[page="0014"] picture i.pi2 i:nth-of-type(9):after {
  transform: translate3d(0, 47em, 0);
  width: 26.5em;
  height: 1em;
  background: #832F25;
  box-shadow: 0 0.25em 0 #190d23, 0 -0.25em 0 #D9412A;
}
[page="0014"] picture i.pi2 i:nth-of-type(10) {
  transform: translate3d(64.5em, 79em, 3px);
  width: 2.5em;
  height: 6em;
  border-radius: 1em;
  box-shadow: -0.15em 0.15em 0 rgba(29, 32, 73, 0.5);
  background: #555;
  overflow: hidden;
  border: 0.25em solid #555;
  box-shadow: inset 0 0 1em #000;
}
[page="0014"] picture i.pi2 i:nth-of-type(10):before {
  width: 1em;
  height: 6em;
  background: #808080;
  transform: translate3d(1.25em, 0, 0);
}
[page="0014"] picture i.pi1 i:nth-of-type(1) {
  transform: translate3d(33em, 34em, 0);
  width: 34.5em;
  height: 85em;
  border: 5em solid #270e13;
  border-bottom-width: 15em;
  border-top-width: 4em;
  box-shadow: inset 0.25em -0.25em 0 #832F25;
}
[page="0014"] picture i.pi1 i:nth-of-type(1):before {
  transform: translate3d(-5em, -5em, 0);
  width: 40em;
  height: 80em;
  box-shadow: inset 2em -6em 4em #190d23;
}
[page="0014"] picture i.pi1 i:nth-of-type(3) {
  transform: translate3d(46em, 32em, 0);
  width: 10em;
  height: 73em;
  border: 1em solid #270e13;
  border-bottom-width: 0;
  border-top-width: 0;
}
[page="0014"] picture i.pi1 i:nth-of-type(3):before {
  width: 100%;
  height: 98%;
  border: 1em solid #190d23;
  transform: translate3d(-1.15em, 0, -4px);
  box-sizing: content-box;
  box-shadow: 0.5em 0 0 #832F25, inset 0.5em 0 0 #832F25;
}
[page="0014"] picture i.pi1 i:nth-of-type(2) {
  transform: translate3d(38em, 51em, 0);
  width: 26.5em;
  height: 11.5em;
  border: 1em solid #270e13;
  border-left-width: 0;
  border-right-width: 0;
  box-shadow: 0 0.25em 0 #190d23, inset 0 0.25em 0 #190d23, 0 -0.25em 0 #832F25, inset 0 -0.25em 0 #832F25;
}
[page="0014"] picture i.pi1 i:nth-of-type(2):before {
  transform: translate3d(0, 20em, 0);
  width: 26.5em;
  height: 11.5em;
  border: 1em solid #270e13;
  border-left-width: 0;
  border-right-width: 0;
  box-shadow: 0 0.25em 0 #190d23, inset 0 0.25em 0 #190d23, 0 -0.25em 0 #832F25, inset 0 -0.25em 0 #832F25;
}
[page="0014"] picture i.pi1 i:nth-of-type(2):after {
  transform: translate3d(0, 41em, 0);
  width: 26.5em;
  height: 1em;
  background: #270e13;
  box-shadow: 0 0.25em 0 #190d23, 0 -0.25em 0 #832F25;
}
[page="0014"] foreground i {
  box-shadow: inset 0px 0px 100px #190d23, inset 0px 0px 200px #190d23;
}

[page="0008"] *, [page="0008"] *:before, [page="0008"] *:after, [page="0009"] *, [page="0009"] *:before, [page="0009"] *:after, [page="0014"] *, [page="0014"] *:before, [page="0014"] *:after {
  box-sizing: border-box;
  display: block;
}
[page="0008"] background .bi0, [page="0009"] background .bi0, [page="0014"] background .bi0 {
  background: radial-gradient(circle at 20% 50em, #6d6355, #000);
}
[page="0008"] background .bi1, [page="0009"] background .bi1, [page="0014"] background .bi1 {
  opacity: 0.9;
  /*background: #5C5449;
      background: radial-gradient( circle at 20% 50em, #6d6355, #000);*/
}
[page="0008"] background .bi1 i:nth-of-type(12), [page="0009"] background .bi1 i:nth-of-type(12), [page="0014"] background .bi1 i:nth-of-type(12) {
  transform: translate3d(-50%, -100em, 0);
  width: 200%;
  height: 115.5em;
  background: radial-gradient(circle at 20% 50em, rgba(0, 0, 0, 0), #000);
  opacity: 0.9;
}
[page="0008"] background .bi1 i:nth-of-type(2), [page="0009"] background .bi1 i:nth-of-type(2), [page="0014"] background .bi1 i:nth-of-type(2) {
  transform: translate3d(-50%, -100em, 0);
  width: 200%;
  height: 108em;
  background: #2e2823;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 11.11%, rgba(0, 0, 0, 0) 11.11%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 61.11%, rgba(0, 0, 0, 0) 61.11%, rgba(0, 0, 0, 0) 100%);
  background-size: 5em 5em;
}
[page="0008"] background .bi1 i:nth-of-type(2):before, [page="0009"] background .bi1 i:nth-of-type(2):before, [page="0014"] background .bi1 i:nth-of-type(2):before {
  transform: translate3d(0, 108em, 0);
  width: 200%;
  height: 1.5em;
  background: #11100f;
}
[page="0008"] background .bi1 i:nth-of-type(2):after, [page="0009"] background .bi1 i:nth-of-type(2):after, [page="0014"] background .bi1 i:nth-of-type(2):after {
  transform: translate3d(0, 109.5em, 0);
  width: 200%;
  height: 6em;
  background: #494039;
  opacity: 0.8;
  box-shadow: 0 0.5em 0 rgba(0, 0, 0, 0.5), 0 1.5em 0 rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 11.11%, rgba(0, 0, 0, 0) 11.11%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 61.11%, rgba(0, 0, 0, 0) 61.11%, rgba(0, 0, 0, 0) 100%);
  background-size: 5em 5em;
}
[page="0008"] background .bi1 i:nth-of-type(3), [page="0008"] background .bi1 i:nth-of-type(4), [page="0008"] background .bi1 i:nth-of-type(5), [page="0008"] background .bi1 i:nth-of-type(6), [page="0008"] background .bi1 i:nth-of-type(7), [page="0008"] background .bi1 i:nth-of-type(8), [page="0009"] background .bi1 i:nth-of-type(3), [page="0009"] background .bi1 i:nth-of-type(4), [page="0009"] background .bi1 i:nth-of-type(5), [page="0009"] background .bi1 i:nth-of-type(6), [page="0009"] background .bi1 i:nth-of-type(7), [page="0009"] background .bi1 i:nth-of-type(8), [page="0014"] background .bi1 i:nth-of-type(3), [page="0014"] background .bi1 i:nth-of-type(4), [page="0014"] background .bi1 i:nth-of-type(5), [page="0014"] background .bi1 i:nth-of-type(6), [page="0014"] background .bi1 i:nth-of-type(7), [page="0014"] background .bi1 i:nth-of-type(8) {
  transform: translate3d(10em, 20em, 0);
  width: 20em;
  height: 45em;
  background: #312b25;
  border-radius: 0.5em;
  box-shadow: inset -5em 2em 0.1em rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
[page="0008"] background .bi1 i:nth-of-type(3):before, [page="0008"] background .bi1 i:nth-of-type(4):before, [page="0008"] background .bi1 i:nth-of-type(5):before, [page="0008"] background .bi1 i:nth-of-type(7):before, [page="0008"] background .bi1 i:nth-of-type(8):before, [page="0009"] background .bi1 i:nth-of-type(3):before, [page="0009"] background .bi1 i:nth-of-type(4):before, [page="0009"] background .bi1 i:nth-of-type(5):before, [page="0009"] background .bi1 i:nth-of-type(7):before, [page="0009"] background .bi1 i:nth-of-type(8):before, [page="0014"] background .bi1 i:nth-of-type(3):before, [page="0014"] background .bi1 i:nth-of-type(4):before, [page="0014"] background .bi1 i:nth-of-type(5):before, [page="0014"] background .bi1 i:nth-of-type(7):before, [page="0014"] background .bi1 i:nth-of-type(8):before {
  transform: translate3d(2em, 2em, 0);
  width: 4em;
  height: 9em;
  background: #000;
  border-radius: 0.5em;
  box-shadow: -0.25em -0.25em 0 rgba(0, 0, 0, 0.5), 5em 0 0 #000, 4.75em -0.25em 0 rgba(0, 0, 0, 0.5), 10em 0 0 #000, 9.75em -0.25em 0 rgba(0, 0, 0, 0.5), 15em 0 0 #000, 14.75em -0.25em 0 rgba(0, 0, 0, 0.5), 0em 10em 0 #000, -0.25em 9.75em 0 rgba(0, 0, 0, 0.5), 5em 10em 0 #000, 4.75em 9.75em 0 rgba(0, 0, 0, 0.5), 10em 10em 0 #000, 9.75em 9.75em 0 rgba(0, 0, 0, 0.5), 15em 10em 0 #000, 14.75em 9.75em 0 rgba(0, 0, 0, 0.5), 0em 22em 0 #000, -0.25em 21.75em 0 rgba(0, 0, 0, 0.5), 5em 22em 0 #000, 4.75em 21.75em 0 rgba(0, 0, 0, 0.5), 10em 22em 0 #000, 9.75em 21.75em 0 rgba(0, 0, 0, 0.5), 15em 22em 0 #000, 14.75em 21.75em 0 rgba(0, 0, 0, 0.5), 0em 32em 0 #000, -0.25em 31.75em 0 rgba(0, 0, 0, 0.5), 5em 32em 0 #000, 4.75em 31.75em 0 rgba(0, 0, 0, 0.5), 10em 32em 0 #000, 9.75em 31.75em 0 rgba(0, 0, 0, 0.5), 15em 32em 0 #000, 14.75em 31.75em 0 rgba(0, 0, 0, 0.5);
}
[page="0008"] background .bi1 i:nth-of-type(4), [page="0009"] background .bi1 i:nth-of-type(4), [page="0014"] background .bi1 i:nth-of-type(4) {
  transform: translate3d(-15em, 20em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(5), [page="0009"] background .bi1 i:nth-of-type(5), [page="0014"] background .bi1 i:nth-of-type(5) {
  transform: translate3d(50em, 20em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(6), [page="0009"] background .bi1 i:nth-of-type(6), [page="0014"] background .bi1 i:nth-of-type(6) {
  transform: translate3d(75em, 20em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(7), [page="0009"] background .bi1 i:nth-of-type(7), [page="0014"] background .bi1 i:nth-of-type(7) {
  transform: translate3d(115em, 20em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(8), [page="0009"] background .bi1 i:nth-of-type(8), [page="0014"] background .bi1 i:nth-of-type(8) {
  transform: translate3d(140em, 20em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(5):before, [page="0009"] background .bi1 i:nth-of-type(5):before, [page="0014"] background .bi1 i:nth-of-type(5):before {
  transform: translate3d(1em, 2em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(7):before, [page="0009"] background .bi1 i:nth-of-type(7):before, [page="0014"] background .bi1 i:nth-of-type(7):before {
  transform: translate3d(0em, 2em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(8):before, [page="0009"] background .bi1 i:nth-of-type(8):before, [page="0014"] background .bi1 i:nth-of-type(8):before {
  transform: translate3d(-1em, 2em, 0);
}
[page="0008"] background .bi1 i:nth-of-type(10), [page="0009"] background .bi1 i:nth-of-type(10), [page="0014"] background .bi1 i:nth-of-type(10) {
  transform: translate3d(-50%, 70em, 0);
  width: 200%;
  height: 100em;
  background: radial-gradient(circle 100em at 60% 50em, #6d6355, #000);
}

@media (orientation: landscape) {
  .pull-right-lg {
    float: right;
  }

  .flex-end {
    justify-content: flex-end;
  }

  .col-2 {
    width: 50%;
  }

  .col-2 > * {
    max-width: 700px;
  }

  .flex {
    display: flex;
    flex-wrap: wrap;
  }

  .flex > * {
    flex: 1;
  }

  row {
    flex-direction: row-reverse;
  }

  .flex-column {
    flex-direction: column;
  }

  body:not(.pageload):not([transition=true]) picture, body:not(.pageload):not([transition=true]) picture *, body:not(.pageload):not([transition=true]) picture *:before, body:not(.pageload):not([transition=true]) picture *:after, body:not(.pageload):not([transition=true]) background, body:not(.pageload):not([transition=true]) background *, body:not(.pageload):not([transition=true]) background *:before, body:not(.pageload):not([transition=true]) background *:after, body:not(.pageload):not([transition=true]) foreground, body:not(.pageload):not([transition=true]) foreground *, body:not(.pageload):not([transition=true]) foreground *:before, body:not(.pageload):not([transition=true]) foreground *:after {
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    will-change: scroll-position;
  }

  body:not(.pageload):not([transition=true]) background, body:not(.pageload):not([transition=true]) background *, body:not(.pageload):not([transition=true]) background *:before, body:not(.pageload):not([transition=true]) background *:after {
    transition-delay: 0.3s;
  }

  body:not(.pageload):not([transition=true]) foreground, body:not(.pageload):not([transition=true]) foreground *, body:not(.pageload):not([transition=true]) foreground *:before, body:not(.pageload):not([transition=true]) foreground *:after {
    transition-delay: 0.6s;
  }
}
@media screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 0) {
  body:not(.pageload):not([transition=true]) picture, body:not(.pageload):not([transition=true]) picture *, body:not(.pageload):not([transition=true]) picture *:before, body:not(.pageload):not([transition=true]) picture *:after, body:not(.pageload):not([transition=true]) background, body:not(.pageload):not([transition=true]) background *, body:not(.pageload):not([transition=true]) background *:before, body:not(.pageload):not([transition=true]) background *:after, body:not(.pageload):not([transition=true]) foreground, body:not(.pageload):not([transition=true]) foreground *, body:not(.pageload):not([transition=true]) foreground *:before, body:not(.pageload):not([transition=true]) foreground *:after {
    transition-property: width, height, border-radius, opacity, transform, background, left;
  }
}
@media (orientation: landscape) {
  about {
    max-width: 50%;
  }
}
@media (orientation: landscape) {
  page:not(#page-0000):before, page:not(#page-0000):after, abouttext:before, abouttext:after, indexlist:before, indexlist:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  page:not(#page-0000):before, abouttext:before, indexlist:before {
    z-index: -1;
    transform: rotate(-0.5deg);
    background: rgba(245, 245, 245, 0.95);
    top: 0;
    left: 0;
  }
  page:not(#page-0000):after, abouttext:after, indexlist:after {
    background: rgba(0, 0, 0, 0.1);
    z-index: -2;
    top: 2em;
    left: 2em;
    transform: rotate(2deg);
  }
  page:not(#page-0000), page:not(#page-0000):before, page:not(#page-0000):after, abouttext, abouttext:before, abouttext:after, indexlist, indexlist:before, indexlist:after {
    border-radius: 1em;
  }
}
@media (orientation: landscape) {
  page:not(#page-0000):nth-of-type(even):before, abouttext:before {
    transform: rotate(0.5deg);
  }
  page:not(#page-0000):nth-of-type(even):after, abouttext:after {
    transform: rotate(-2deg);
  }
}
@media (orientation: landscape) {
  page#pagex {
    transform: translateX(100%);
  }
}
@media (orientation: portrait) {
  text {
    margin-top: 50vh;
  }

  body {
    background: #190d23;
  }

  page:not(#page-0000), abouttext, indexlist {
    background: #fff;
    border-radius: 1em;
  }

  page#pagex {
    border-radius: 1em 1em 0 0;
  }

  page {
    opacity: 1;
    transform: rotateX(0deg) translate3d(0, 0, 0);
    transition: all 0.5s ease-in-out 0.25s;
    transform-origin: 0 100%;
  }

  page[inview=no] {
    opacity: 0;
    transform: rotateX(180deg) translate3d(0, 0, 0);
  }

  page.not-story-dark {
    background: #190d23 !important;
    border: 1px solid #fff;
  }
}