/****************************************
 *               Imports                *
 ****************************************/
@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

.pace .pace-progress {
  background: rgba(249, 162, 22, 0.8);
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }

.pace-inactive {
  display: none; }

.chapter-marker {
  height: 70%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: 0;
  border: 2px solid #f9a216;
  transition: opacity 1s linear;
  margin-bottom: -2px;
  font-family: 'Lora', 'Georgia', serif; }
  .chapter-marker :hover > .image .hover {
    opacity: 0.8; }

.marker.image {
  height: 100%;
  position: relative; }
  .marker.image img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .marker.image .hover {
    opacity: 0.4;
    position: relative;
    transition: opacity 1s linear; }

.marker.tag {
  position: absolute;
  width: 100%;
  height: 30%;
  background-color: rgba(249, 162, 22, 0.8);
  bottom: 0;
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center; }
  .marker.tag img {
    width: 3.7%;
    opacity: 1;
    position: absolute; }
  .marker.tag h1,
  .marker.tag p {
    opacity: 1;
    margin: 0;
    font-weight: 800; }
  .marker.tag h1 {
    font-size: 38pt;
    transition: all 1s linear; }
  .marker.tag p {
    font-size: 17pt;
    border: 0;
    padding: 0;
    color: inherit; }

body[data-page="interface"] .chapter-marker.prologue-marker, body[data-page="interface"] .chapter-marker.epilogue-marker {
  height: 70%;
  width: 1.85%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  border: 2px solid #f9a216;
  transition: opacity 1s linear;
  margin-bottom: -2px;
  font-family: 'Lora', 'Georgia', serif;
  background-color: rgba(249, 162, 22, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 1s linear; }
  body[data-page="interface"] .chapter-marker.prologue-marker h1, body[data-page="interface"] .chapter-marker.epilogue-marker h1 {
    font-size: 38pt;
    font-weight: bolder; }

body[data-page="interface"] .chapter-marker:hover > .image img.hover, body[data-page="interface"] .chapter-marker:focus > .image img.hover {
  opacity: 1; }

body[data-page="interface"] .prologue-marker:hover,
body[data-page="interface"] .epilogue-marker:hover {
  background-color: rgba(249, 162, 22, 0.95); }

body[data-page="interface"] .prologue-marker h1,
body[data-page="interface"] .epilogue-marker h1 {
  color: white; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"],
body[data-page="interface"] .epilogue-marker {
  overflow: hidden;
  z-index: 4; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"] .image,
body[data-page="interface"] .epilogue-marker .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"] .bg,
body[data-page="interface"] .epilogue-marker .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(249, 162, 22, 0.8);
  z-index: 5;
  transition: background-color 1s linear; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"]:hover > .bg,
body[data-page="interface"] .epilogue-marker:hover > .bg {
  background-color: rgba(249, 162, 22, 0.6); }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"] h1,
body[data-page="interface"] .epilogue-marker h1 {
  z-index: 5; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"] img,
body[data-page="interface"] .epilogue-marker img {
  position: absolute; }

body[data-page="interface"] .prologue-marker[data-chapter="prologue"] .bg,
body[data-page="interface"] .epilogue-marker .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

body[data-page="interface"] .chapter-marker {
  position: absolute;
  display: inline-block;
  width: initial; }
  body[data-page="interface"] .chapter-marker .marker.image img {
    width: inherit; }

#epilogue-down-arrow {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  z-index: 5; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  .marker.tag {
    height: initial; } }

/********************
 *      MENU        *
 ********************/
@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

nav .small {
  display: flex;
  justify-content: center;
  z-index: 10; }
  nav .small > div {
    height: 100%; }
  nav .small.fullMenuOpacity {
    background-color: #17242d;
    opacity: 0.9; }
    nav .small.fullMenuOpacity .control button svg {
      transform: scaleY(-1); }
      nav .small.fullMenuOpacity .control button svg path {
        stroke: white; }
  nav .small .top {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    display: flex;
    z-index: 100;
    padding-left: 20px;
    background-color: rgba(141, 74, 41, 0.4); }
    nav .small .top .label {
      padding: 0;
      padding-right: 20px;
      height: 100%; }
      nav .small .top .label button {
        font-weight: lighter; }
    nav .small .top .control .open {
      top: 15px; }
      nav .small .top .control .open svg path {
        fill: none;
        stroke: #ffffff;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px; }
  nav .small .small-nav {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 40px;
    padding: 0 25px;
    bottom: 0;
    background-color: rgba(141, 74, 41, 0.4);
    display: flex;
    justify-content: space-around; }
    nav .small .small-nav > a:hover {
      background-color: rgba(23, 36, 45, 0.4); }

nav .expanded {
  width: 100vw;
  height: 100%;
  position: fixed;
  background-color: rgba(23, 36, 45, 0.9);
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 0;
  padding-top: 40px;
  display: none;
  flex-direction: row; }
  nav .expanded .site-map a {
    position: relative; }
    nav .expanded .site-map a.active:before {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url("/resources/images/global/star.svg");
      background-repeat: no-repeat;
      right: 120%;
      top: 19%; }
    nav .expanded .site-map a.active:hover {
      background-color: rgba(23, 36, 45, 0.4); }
  nav .expanded button {
    background: none;
    color: #d6dfed;
    opacity: .6;
    text-align: left; }
    nav .expanded button :hover {
      opacity: 1; }
  nav .expanded button.active {
    background: none;
    border: none;
    position: relative; }
    nav .expanded button.active:before {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url("/resources/images/global/star.svg");
      background-repeat: no-repeat;
      right: 100%;
      top: 19%; }
    nav .expanded button.active:hover, nav .expanded button.active:focus {
      background-color: rgba(23, 36, 45, 0.4); }
  nav .expanded .side {
    width: 25%;
    display: inline-block;
    padding-left: 24px; }
    nav .expanded .side > img {
      position: absolute;
      width: 20px; }
    nav .expanded .side .subtitle {
      width: 170px;
      margin-bottom: 1em; }
    nav .expanded .side a img {
      opacity: 0.65;
      padding-bottom: 5px; }
      nav .expanded .side a img[src*="epilogue"] {
        padding-bottom: 40px; }
    nav .expanded .side a:hover > img {
      width: 24px;
      position: absolute; }
    nav .expanded .side p {
      margin: 0;
      padding: 0;
      font-family: "BettinaNeue", "bettinaFont", sans-serif;
      font-size: 24px;
      position: relative;
      left: 24px;
      color: white;
      margin-bottom: 1em;
      margin-left: 0.5em;
      border: none; }
    nav .expanded .side .side-nav {
      width: 100%;
      text-transform: uppercase;
      letter-spacing: 0.075ch; }
      nav .expanded .side .side-nav > li {
        list-style-type: none;
        position: relative; }
        nav .expanded .side .side-nav > li.active a::before {
          content: url("/resources/images/global/star.svg") !important;
          width: 12pt !important;
          top: 0 !important; }
        nav .expanded .side .side-nav > li a {
          font-family: "BettinaNeue", "bettinaFont", sans-serif;
          font-size: 1.8em;
          color: lightgray;
          text-decoration: none; }
          nav .expanded .side .side-nav > li a:hover {
            color: white;
            text-decoration: none; }
            nav .expanded .side .side-nav > li a:hover::before {
              opacity: 1; }
          nav .expanded .side .side-nav > li a::before {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0.7;
            transform: translateX(-125%); }
        nav .expanded .side .side-nav > li#family-tree {
          margin-bottom: 1em; }
          nav .expanded .side .side-nav > li#family-tree a::before {
            content: url("/resources/images/global/tree.svg");
            width: 1em; }
        nav .expanded .side .side-nav > li#contact-us {
          margin-top: 1em; }
          nav .expanded .side .side-nav > li#contact-us a::before {
            content: url("/resources/images/global/envelope.svg");
            width: 1em; }
        nav .expanded .side .side-nav > li#creators a::before {
          content: url("/resources/images/global/dot1.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
        nav .expanded .side .side-nav > li#about a::before {
          content: url("/resources/images/global/dot2.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
        nav .expanded .side .side-nav > li#credits a::before {
          content: url("/resources/images/global/dot3.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
        nav .expanded .side .side-nav > li#references a::before {
          content: url("/resources/images/global/dot4.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
        nav .expanded .side .side-nav > li#recognition a::before {
          content: url("/resources/images/global/dot4.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
        nav .expanded .side .side-nav > li#press a::before {
          content: url("/resources/images/global/dot4.svg");
          width: 0.4em;
          top: -0.2em;
          left: -0.4em; }
  nav .expanded .menu {
    width: 50%;
    text-align: center; }
    nav .expanded .menu h3 {
      margin: 0px;
      padding: 0px;
      font-family: "BettinaNeue", "bettinaFont", sans-serif;
      font-size: 2.5em;
      color: #d6dfed;
      margin-top: -40px;
      margin-bottom: 40px;
      font-weight: lighter; }
    nav .expanded .menu .site-map {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      width: 75%;
      margin-left: 9%; }
      nav .expanded .menu .site-map a {
        font-family: "BettinaNeue", "bettinaFont", sans-serif;
        font-size: 2em;
        color: #d6dfed;
        opacity: 0.8;
        text-decoration: none; }
        nav .expanded .menu .site-map a:hover {
          text-decoration: none;
          opacity: 1; }
      nav .expanded .menu .site-map img {
        width: 1em;
        height: 1em; }
    nav .expanded .menu .bracket {
      width: 100%; }
    nav .expanded .menu .chapters {
      display: flex;
      flex-direction: row;
      margin-top: -40px;
      padding: 0 5%; }
      nav .expanded .menu .chapters > div {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 4%; }
        nav .expanded .menu .chapters > div a {
          font-size: 1.8em;
          font-family: "BettinaNeue", "bettinaFont", sans-serif; }
        nav .expanded .menu .chapters > div .column1 a {
          text-align: right;
          padding-right: 1em; }
        nav .expanded .menu .chapters > div .column2 a {
          text-align: left;
          padding-left: 1em; }

nav button {
  border: 0px;
  background: none;
  font-family: "BettinaNeue", "bettinaFont", sans-serif;
  font-size: 24px;
  padding: 4px 8px 2px 8px;
  color: white;
  cursor: pointer;
  letter-spacing: 0.2ch;
  opacity: 1;
  height: 100%; }
  nav button:hover {
    background-color: rgba(23, 36, 45, 0.4);
    border: 0px; }

nav .control svg {
  width: 16px; }

body:not([data-page="interface"]) nav .small {
  background-color: rgba(141, 74, 41, 0.4); }
  body:not([data-page="interface"]) nav .small.fullMenuOpacity {
    background-color: rgba(141, 74, 41, 0.95);
    opacity: 1;
    transform: none !important; }
    body:not([data-page="interface"]) nav .small.fullMenuOpacity .label,
    body:not([data-page="interface"]) nav .small.fullMenuOpacity .open {
      transform: none !important; }
    body:not([data-page="interface"]) nav .small.fullMenuOpacity .label button {
      background: none;
      color: white; }
    body:not([data-page="interface"]) nav .small.fullMenuOpacity .control .open {
      background: none; }
      body:not([data-page="interface"]) nav .small.fullMenuOpacity .control .open svg path {
        stroke: white; }
  body:not([data-page="interface"]) nav .small .small-nav {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(1, 0, 0, 1); }

body:not([data-page="interface"]) nav .expanded {
  background-color: rgba(141, 74, 41, 0.95); }
  body:not([data-page="interface"]) nav .expanded .side-nav #family-tree a::before {
    content: url("/resources/images/global/tree_b.svg");
    width: 1em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #creators a::before {
    content: url("/resources/images/global/dot1b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #about a::before {
    content: url("/resources/images/global/dot2b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #credits a::before {
    content: url("/resources/images/global/dot3b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #references a::before {
    content: url("/resources/images/global/dot4b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #contact-us a::before {
    content: url("/resources/images/global/envelope_b.svg");
    width: 1em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #recognition a::before {
    content: url("/resources/images/global/dot4b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }
  body:not([data-page="interface"]) nav .expanded .side-nav #press a::before {
    content: url("/resources/images/global/dot4b.svg");
    width: 0.4em;
    top: -0.2em;
    left: -0.4em; }

body[data-page="interface"] nav .expanded {
  top: 0;
  padding-top: 50px; }

body[data-page="interface"] nav .small .top {
  background-color: rgba(232, 144, 16, 0.8); }

body[data-page="interface"] nav .small .small-nav {
  background-color: rgba(118, 133, 153, 0.7);
  justify-content: space-around; }
  body[data-page="interface"] nav .small .small-nav > a {
    width: 10%;
    margin: 0 1%;
    text-align: center; }
    body[data-page="interface"] nav .small .small-nav > a > button:hover {
      background: none; }

body[data-page="interface"] nav .small .control {
  right: 4%; }

body[data-page="interface"] nav .small.fullMenuOpacity {
  background: none !important;
  position: absolute;
  top: 0;
  left: 0; }
  body[data-page="interface"] nav .small.fullMenuOpacity .top {
    background: none; }
  body[data-page="interface"] nav .small.fullMenuOpacity .control button {
    background: none; }
  body[data-page="interface"] nav .small.fullMenuOpacity .label {
    display: block !important; }

@media screen and (max-width: 800px) {
  nav .expanded {
    overflow: scroll;
    flex-direction: column; }
    nav .expanded .side {
      width: 100%; }
      nav .expanded .side .side-nav {
        width: 80%;
        margin: auto; }
        nav .expanded .side .side-nav li a {
          font-size: 2.5em; }
    nav .expanded .menu {
      width: 100%;
      padding-bottom: 10%; }
      nav .expanded .menu h3 {
        margin-top: 40px; }
      nav .expanded .menu .chapters {
        flex-direction: column; }
        nav .expanded .menu .chapters div {
          margin: auto;
          width: 90%; }
        nav .expanded .menu .chapters .column1 a,
        nav .expanded .menu .chapters .column2 a {
          text-align: center;
          padding: 0;
          padding-bottom: 0.3em; }
    nav .expanded button {
      font-size: 1.2em;
      font-weight: lighter; }
  nav .small.fullMenuOpacity .small-nav {
    display: none; }
  nav .small .small-nav {
    display: none; }
  body[data-page="interface"] nav .small {
    background: none; } }

/****************************************
 *               Imports                *
 ****************************************/
@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

/****************************************
 *               Headers                *
 ****************************************/
.title {
  font-style: italic; }

.header {
  height: 130px;
  background-color: #ef972e;
  background-color: rgba(249, 162, 22, 0.8);
  color: white;
  font-family: lora;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.header h1 {
  margin: 0;
  padding: 0 !important; }

.header :nth-child(1) {
  font-size: 45px;
  font-weight: bold;
  opacity: .9; }

.header2 {
  height: 130px;
  background-color: #ef972e;
  background-color: rgba(249, 162, 22, 0.8);
  color: white;
  font-family: lora;
  position: relative;
  text-align: center; }

.header2 :nth-child(1) {
  font-size: 45px;
  font-weight: bold;
  opacity: .9; }

.header2 :nth-child(2) {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  opacity: .9; }

/****************************************
 *           Chapter Defaults           *
 ****************************************/
.link {
  color: #8da9d8; }

.chapterImg {
  position: relative;
  top: -600px; }

.pStyle {
  display: inline-block;
  font-size: 17px;
  line-height: 34px;
  font-family: lora, serif;
  color: #4F4F4F;
  border-left: 3px solid #EAB465;
  padding-left: 20px; }

.pStyleJ {
  display: inline-block;
  font-size: 22px;
  line-height: 31px;
  font-family: journal;
  color: #4F4F4F;
  border-left: 2px solid #EAB465;
  padding-left: 20px; }

p.mainText {
  display: inline-block;
  font-size: 17px;
  line-height: 34px;
  font-family: georgia, serif;
  color: #4F4F4F;
  border-left: 3px solid #EAB465;
  padding-left: 20px;
  margin-right: 40px; }

/****************************************
 *             White Labels             *
 ****************************************/
.white-label-container {
  background-color: #EEEEF7;
  display: table;
  box-shadow: 0px 1.5px 5px #AAAAAA;
  -moz-box-shadow: 0px 1.5px 5px #AAAAAA;
  -webkit-box-shadow: 0px 1.5px 5px #AAAAAA;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px; }
  .white-label-container p {
    font-family: "freewayGothic";
    font-size: 15px;
    font-style: regular;
    line-height: 18px;
    color: #62584B;
    padding: 6px 18px;
    text-transform: uppercase;
    margin: 0; }

.label-attribution-container {
  background-color: #62584B; }
  .label-attribution-container p {
    font-size: 12px;
    line-height: 14.5px;
    color: #EEEEF7;
    padding: 6px 12px; }

.rotate {
  transform: rotate(1.5deg);
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg); }

.wlPositionHelp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/****************************************
 *             Orange Boxes             *
 ****************************************/
.orangebox_container {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 0;
  margin: auto;
  max-width: 300px;
  display: inline-block; }

.orangebox {
  padding: 10px;
  display: inline-block; }

.orangeboxContent {
  color: #8D4A29;
  font-family: lora, serif;
  font-size: 16px;
  line-height: 24px;
  padding: 20px;
  margin: 0;
  display: inline-block;
  border: none;
  position: relative; }

.l1,
.l2,
.l3,
.l4 {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  background-color: #F7B219; }

.l1 {
  left: 0;
  bottom: 0;
  height: 200px;
  width: 2px; }

.l2 {
  top: 0;
  left: 0;
  width: 200px;
  height: 2px; }

.l3 {
  right: 0;
  top: 0;
  height: 200px;
  width: 2px; }

.l4 {
  bottom: 0;
  right: 0;
  width: 200px;
  height: 2px; }

video img {
  width: 100%; }

.video-border,
.image-border {
  border: 10px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box; }

.listHeader {
  display: inline-block;
  font-size: 22px;
  line-height: 34px;
  font-family: 'bettinaFont';
  color: #ef972e;
  padding-right: 10px; }

.list .listHeaderBrown {
  display: block;
  line-height: 0.8; }

.list div p:not(:last-child) {
  margin-bottom: 25px; }

.startOfP {
  font-size: 60px;
  display: inline-block;
  font-family: 'BettinaNeue';
  padding-right: 12px;
  color: #3A3A3A;
  line-height: 55px; }

.startOfP2 {
  font-size: 47px;
  display: inline-block;
  font-family: 'BettinaNeue';
  padding-right: 12px;
  color: #3A3A3A;
  line-height: 55px; }

span.startOfP {
  line-height: 50px; }

.bettinaAccent {
  font-family: 'bettinaAccents';
  display: inline-block; }

.bg {
  z-index: -10;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  border: none; }

.next-chapter .end-svg {
  display: block;
  margin: auto;
  width: 53%;
  padding-bottom: 20px; }

.next-chapter .return {
  position: relative;
  left: 28%; }
  .next-chapter .return .proceed {
    width: 80%; }
    .next-chapter .return .proceed text, .next-chapter .return .proceed path {
      transition: all 1s linear; }
    .next-chapter .return .proceed:hover text, .next-chapter .return .proceed:hover path, .next-chapter .return .proceed:focus text, .next-chapter .return .proceed:focus path {
      fill: rgba(249, 162, 22, 0.8) !important; }

@media screen and (max-width: 800px) {
  footer .container .row div.next-chapter img.end-svg {
    width: 50%; }
  div.next-chapter img.end-svg {
    width: 50%; } }

/****************************************
 *               Spacing                *
 ****************************************/
.shiftDown {
  position: relative;
  top: 3px; }

.spacer80 {
  height: 50px; }

.spacer65 {
  height: 10px; }

.bar1 {
  height: 47px; }

.bar2 {
  height: 94px; }

.bar3 {
  height: 141px; }

.bar4 {
  height: 188px; }

.bar5 {
  height: 235px; }

.bar1, .bar2, .bar3, .bar4, .bar5 {
  clear: both; }

/****************************************
 *           Chapter-Specific           *
 ****************************************/
.alphabetTable {
  /*width:100%;*/
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px; }

.alphabetTable td {
  cursor: pointer;
  /*width: 11.11%;*/
  font-size: 50px;
  font-family: 'bettinaFont';
  padding-left: 20px;
  color: lightGray;
  position: relative; }

.alphabetTable td:hover {
  color: #ef972e; }

.boxText {
  border: 2pt solid #F7B219;
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 25px;
  padding-bottom: 5px;
  width: 200px;
  line-height: 24px;
  margin: 10px;
  background-color: white; }

.boxTextPadding {
  margin: 10px; }

.boxTextP {
  line-height: 20px;
  font-size: 15px;
  color: #8C4928; }

.containerS {
  height: 448px;
  width: 100%; }

.containerV {
  height: 309px;
  width: 200px; }

.mapImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.listHeaderBrown {
  display: block;
  font-size: 30px;
  line-height: 34px;
  font-family: 'BettinaNeue';
  color: #8C4928;
  padding-right: 10px; }

.listHeaderBlue {
  display: inline-block;
  font-size: 2.2em;
  line-height: 34px;
  font-family: 'BettinaNeue';
  color: #8094B2;
  padding-right: 10px; }

.bettinaHeader {
  color: #E4D9D3;
  font-size: 50px;
  line-height: 55px;
  font-family: 'BettinaNeue';
  text-align: center; }

.bettina {
  color: #68503a;
  font-size: 50px;
  line-height: 55px;
  font-family: 'BettinaNeue', 'Bettina', 'bettinaFont';
  letter-spacing: 1.5px; }

.journal {
  color: #3a3a3a;
  font-size: 46pt;
  white-space: pre-line;
  font-family: 'journal';
  line-height: 1.02; }

.panoTxt {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 40px;
  margin: 0px; }

.pointer {
  transition: all 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: bottom center; }

.pointer:hover {
  transform: scale(1.25); }

.pointerBig {
  transform: scale(1.25); }

.pointerData {
  position: absolute;
  width: 35%;
  background-color: rgba(48, 41, 38, 0.8);
  padding: 2.5%;
  padding-bottom: 0;
  text-align: center; }

.pointerText {
  font-family: 'BettinaNeue', 'bettinaFont';
  font-size: 40px;
  color: #E4D9D3; }

.down-arrow {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid rgba(48, 41, 38, 0.8);
  position: absolute;
  bottom: -15px;
  right: 0; }

#soldierAnimation {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center; }

/****************************************
 *           Family Tree Links          *
 ****************************************/
.family-tree-link {
  height: 0;
  overflow: visible;
  float: right;
  margin-right: -53%;
  width: 45%; }
  .family-tree-link#fam-tree-link_jozsef1 {
    margin-top: 52%; }
  .family-tree-link#fam-tree-link_janos_juliana {
    margin-top: 79%; }
  .family-tree-link#fam-tree-link_jozsef2 {
    margin-top: 23%;
    width: 36%;
    margin-right: -31%; }
  .family-tree-link#fam-tree-link_istvan1 {
    margin-top: 50%;
    width: 53%; }
  .family-tree-link#fam-tree-link_regina {
    margin-top: 6%;
    margin-right: 0;
    width: 32%;
    float: left;
    margin-left: -40%; }
  .family-tree-link#fam-tree-link_ch6 {
    margin-top: 50%; }
  .family-tree-link#fam-tree-link_mariska {
    margin-top: 29%;
    margin-right: -36%;
    width: 33%; }
  .family-tree-link#fam-tree-link_istvan2 {
    margin-top: 35%; }
  .family-tree-link#fam-tree-link_pista-gizi {
    margin-right: -39%;
    width: 37%;
    margin-top: 10%; }
  .family-tree-link#fam-tree-link_ari-gyula {
    float: left;
    width: 50%;
    margin-left: -51%;
    margin-right: 0;
    width: 55%; }
  .family-tree-link#fam-tree-link_pista-gizi2 {
    margin: 0;
    width: 100%;
    height: initial;
    float: none;
    margin-left: 37%; }
  .family-tree-link#fam-tree-link_istvan3 {
    margin-top: 10%; }
  .family-tree-link#fam-tree-link_regina2 {
    margin-top: 7%; }
  .family-tree-link#fam-tree-link_every-family-member {
    margin-top: 25%; }
  .family-tree-link#fam-tree-link_gyula {
    margin-top: 13%;
    margin-right: -26%;
    width: 40%; }
  .family-tree-link#fam-tree-link_ari-erzsebet {
    margin-right: -72%;
    width: 65%;
    margin-top: 27%; }
  .family-tree-link#fam-tree-link_feri-karcsi {
    height: initial;
    overflow: initial;
    float: initial;
    margin: initial;
    width: 35%;
    margin-left: 50%; }
  .family-tree-link:hover a svg text {
    text-decoration: underline; }

svg a {
  cursor: pointer; }

/*
 *
 * LOADER STUFF
 *
 */
.loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw; }

.loader .bg {
  background: rgba(255, 255, 255, 0.9) no-repeat;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s linear; }

.loader .content {
  position: relative;
  transition: opacity 0.5s linear; }

body.loading {
  transition: all 0.5s linear; }

body.loading .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
  transition: opacity 0.2s linear; }

/****************************************
 *      References and Our Project      *
 ****************************************/
.orangeBullet {
  color: #ef972e;
  margin-bottom: 20px; }

.orangeBullet span {
  color: #4F4F4F; }

.timeline.header {
  position: absolute;
  top: 25%;
  left: 50vw;
  transform: translateX(-50%);
  width: 25vw; }

.timeline.scroll-indicator {
  position: absolute;
  bottom: 25%;
  left: 50vw;
  transform: translateX(-50%);
  width: 20vw; }

.epilogue.scroll-indicator {
  position: absolute;
  top: 50%;
  right: 50vw;
  transform: translateX(50%);
  width: 20vw; }

@media (max-width: 1000px) {
  .timeline.header {
    width: 60vw; }
  .timeline.scroll-indicator {
    bottom: 25%;
    width: 50vw; } }

@media (max-width: 700px) {
  .timeline.header {
    width: 50vw; }
  .timeline.scroll-indicator {
    width: 45vw; } }

/****************************************
 *               Imports                *
 ****************************************/
/** 

CONTACT PAGE

**/
body[data-page="contact"] {
  background: url("/resources/images/contact/01.jpg");
  background-size: cover;
  background-attachment: fixed;
  font-family: "BettinaNeue"; }
  body[data-page="contact"] h1 {
    font-size: 4em; }
  body[data-page="contact"] .contact > div {
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    margin-bottom: 5em;
    padding-bottom: 2em; }
    body[data-page="contact"] .contact > div > div.form > p {
      font-size: 2em;
      width: 75%;
      margin: auto; }
  body[data-page="contact"] .contact label {
    display: flex;
    justify-content: center; }
    body[data-page="contact"] .contact label input, body[data-page="contact"] .contact label textarea {
      width: 60%;
      border: none;
      background: none;
      font-size: 2.3em;
      color: #505050;
      font-weight: lighter;
      margin-bottom: 0.5em;
      caret-color: #f9a216;
      transition: border 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
      body[data-page="contact"] .contact label input:focus, body[data-page="contact"] .contact label textarea:focus {
        border: none;
        outline: none; }
    body[data-page="contact"] .contact label input {
      font-family: 'Bettina Neue';
      border-bottom: 1.5pt solid #d6dfed; }
      body[data-page="contact"] .contact label input:focus {
        border-bottom: 1.5pt solid;
        border-bottom-color: #f9a216; }
    body[data-page="contact"] .contact label textarea {
      font-family: 'Lora', 'Georgia', serif;
      border: none;
      font-size: 1em;
      border: 1.5pt solid #d6dfed;
      padding: 1em; }
      body[data-page="contact"] .contact label textarea:focus {
        border: 1.5pt solid;
        border-color: #f9a216; }
    body[data-page="contact"] .contact label[for="submit_form"] {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      font-weight: lighter;
      margin-right: 20%; }
      body[data-page="contact"] .contact label[for="submit_form"] input {
        display: none; }
  body[data-page="contact"] .contact #website {
    display: none; }
  body[data-page="contact"] .contact #send {
    width: 60px;
    height: 60px; }
    body[data-page="contact"] .contact #send:hover {
      cursor: pointer; }
  body[data-page="contact"] .contact .email {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: 20%;
    margin-top: -50px;
    transform: rotate(-4deg);
    width: 40%; }
    body[data-page="contact"] .contact .email p {
      margin: 0;
      font-size: 2em;
      line-height: 0.7; }
      body[data-page="contact"] .contact .email p, body[data-page="contact"] .contact .email p a {
        color: #62513e; }
  body[data-page="contact"] .contact .success {
    display: flex;
    justify-content: center; }
    body[data-page="contact"] .contact .success img {
      width: 50%; }
  body[data-page="contact"] .contact .failure {
    justify-content: center; }
  body[data-page="contact"] .contact .success, body[data-page="contact"] .contact .failure {
    display: none; }

/**  CREATORS PAGE  **/
body[data-page="creators"] .creators .container-fluid {
  padding: 0;
  position: relative; }

body[data-page="creators"] .creators .header-image img {
  width: 100%; }

body[data-page="creators"] .creators .white-label-container {
  position: absolute;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #ffffff;
  padding: 6px; }
  body[data-page="creators"] .creators .white-label-container p {
    font-family: BettinaNeue;
    font-weight: lighter;
    font-size: 2.5em;
    color: #1c2528; }

body[data-page="creators"] .creators #wl_jacob {
  top: 27%;
  left: 27%;
  transform: rotate(-2.9deg);
  -webkit-transform: rotate(-2.9deg);
  -moz-transform: rotate(-2.9deg); }

body[data-page="creators"] .creators #wl_collin {
  top: 20%;
  left: 46%; }

body[data-page="creators"] .creators #wl_isaac {
  top: 24%;
  right: 29%;
  transform: rotate(2.5deg);
  -webkit-transform: rotate(2.5deg);
  -moz-transform: rotate(2.5deg); }

body[data-page="creators"] .creators #wl_dana {
  top: 73%;
  left: 18%; }

body[data-page="creators"] .creators #wl_leslie {
  top: 78%;
  left: 38%; }

body[data-page="creators"] .creators #wl_bettina {
  top: 78%;
  right: 36%; }

body[data-page="creators"] .creators #wl_kristina {
  top: 76%;
  right: 15%; }

body[data-page="creators"] .creators .creator_profile {
  text-align: center; }
  body[data-page="creators"] .creators .creator_profile img {
    border: 10px solid white; }
  body[data-page="creators"] .creators .creator_profile h3 {
    font-family: 'BettinaNeue';
    color: #3c3c3c;
    font-size: 2.5em; }
  body[data-page="creators"] .creators .creator_profile h4 {
    font-family: 'BettinaNeue';
    color: #8d4a29;
    font-size: 2em; }
  body[data-page="creators"] .creators .creator_profile p a {
    font-family: Lora;
    color: #95a7c1; }

body[data-page="creators"] .creators .creator._01 .creator_desc._01 img.img_desc {
  width: 65%;
  position: relative;
  top: 5pt;
  left: 20%; }

body[data-page="creators"] .creators .creator._01 .creator_desc._02 img.img_desc {
  width: 55%;
  position: relative;
  top: 20px;
  left: 10px; }

body[data-page="creators"] .creators .creator._01 .creator_desc._03 img.img_desc {
  width: 90%;
  position: relative;
  top: 15px;
  left: 10px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._01 img.img_desc {
  width: 90%;
  left: 4px;
  position: relative;
  top: 20px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._02 img.img_desc {
  width: 72%;
  position: relative;
  left: 25%;
  top: 15px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._03 img.img_desc {
  width: 72%;
  position: relative;
  left: 25%;
  top: 15px; }

body[data-page="creators"] .creators .creator._04 .creator_desc._01 img.img_desc {
  width: 63%;
  position: relative;
  left: 15%;
  top: 20px; }

body[data-page="creators"] .creators .creator._05 .creator_desc._02 img.img_desc {
  width: 70%;
  position: relative;
  left: 27%;
  top: 22px; }

body[data-page="creators"] .creators .creator._06 .creator_desc._01 .img_desc {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .creator._06 .creator_desc._02 .img_desc p {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .creator._07 .creator_desc._02 img.img_desc {
  width: 82%;
  position: relative;
  top: 20px;
  left: 15%; }

body[data-page="creators"] .creators .creator._08 .creator_desc._01 .img_desc {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .trip-to-hungary img {
  width: 100%; }

body[data-page="creators"] .creators img {
  width: 100%; }

.img_desc {
  font-family: 'Bettina Neue', 'BettinaNeue', 'bettinaFont', sans-serif; }

@media screen and (max-width: 800px) {
  body[data-page="creators"] .creator_desc > div {
    margin-bottom: 20%; }
  body[data-page="creators"] .creators .white-label-container {
    padding: 0; }
    body[data-page="creators"] .creators .white-label-container p {
      padding: 4px 4px;
      font-size: 1.3em; } }

body[data-page="recognition"] {
  background: url("/resources/images/recognition/03.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 40%; }
  body[data-page="recognition"] > main > section {
    overflow: hidden; }
    body[data-page="recognition"] > main > section .images {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      body[data-page="recognition"] > main > section .images img {
        width: 100%; }
    body[data-page="recognition"] > main > section > .container {
      max-width: 70%;
      margin: auto;
      display: block;
      position: relative;
      background-color: rgba(29, 37, 43, 0.85);
      padding-top: 70px;
      color: white; }
      body[data-page="recognition"] > main > section > .container header {
        max-width: 50%;
        font-family: 'Lora';
        margin: auto;
        text-align: center;
        background-color: #ef972e;
        padding: 20px 0;
        margin: 30px auto; }
        body[data-page="recognition"] > main > section > .container header h1 {
          font-size: 45px;
          font-weight: bold; }
      body[data-page="recognition"] > main > section > .container .praise {
        margin: 10pt auto;
        font-family: 'Lora'; }
        body[data-page="recognition"] > main > section > .container .praise h2, body[data-page="recognition"] > main > section > .container .praise h3 {
          color: #ef972e;
          line-height: 1.3;
          opacity: 0.8; }
        body[data-page="recognition"] > main > section > .container .praise h2 {
          font-size: 19px;
          margin-bottom: 0;
          margin-top: 0; }
        body[data-page="recognition"] > main > section > .container .praise h3 {
          font-size: 15px;
          margin-top: 0;
          margin-bottom: 0; }
        body[data-page="recognition"] > main > section > .container .praise p {
          line-height: 2;
          margin-bottom: 4pt;
          margin-top: 6pt; }
      body[data-page="recognition"] > main > section > .container > .container {
        width: 100%; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  body[data-page="recognition"] > main > section > .container {
    max-width: inherit; }
    body[data-page="recognition"] > main > section > .container header {
      max-width: initial; }
      body[data-page="recognition"] > main > section > .container header h1 {
        font-size: 30pt; } }

/****************************************
 *         Variable Declarations        *
 ****************************************/
/****************************************
 *             Global Styles            *
 ****************************************/
html {
  overflow-x: hidden; }

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: url("/resources/images/global/ricepaper2.png");
  background-repeat: repeat; }

/****************************************
 *             Header Styles            *
 ****************************************/
.header {
  height: 130px;
  background-color: #ef972e;
  background-color: rgba(249, 162, 22, 0.8);
  color: white;
  font-family: "Lora", Georgia, serif;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .header h1 {
    margin: 0;
    padding: 0 !important; }
  .header:nth-child(1) {
    font-size: 45px;
    font-weight: bold;
    opacity: 0.9; }

.header2 {
  height: 130px;
  background-color: #ef972e;
  background-color: rgba(249, 162, 22, 0.8);
  color: white;
  font-family: "Lora", Georgia, serif;
  position: relative;
  text-align: center; }
  .header2:nth-child(1) {
    font-size: 45px;
    font-weight: bold;
    opacity: 0.9; }
  .header2:nth-child(2) {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    opacity: 0.9; }

.BlurbTxt {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: white;
  font-family: lora;
  margin: 0px; }

.link {
  color: #8da9d8; }

/****************************************
 *                Pages                 *
 ****************************************/
article._epilogue > section._01 > .container._01 > .row._01 > div._01 > svg._01 {
  width: 70%;
  margin-left: 17%; }

article._epilogue > section._01 > .container._01 > .row._02 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._03 > div._01 > svg._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._04 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._01 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._01 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._01 > img._02 {
    width: 25%;
    position: absolute;
    top: 83%;
    left: 50%; }

article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._02 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._02 > img._01 {
    width: 100%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._02 > img._02 {
    width: 25%;
    position: absolute;
    top: 53%;
    left: 68%; }

article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._02.moved {
  position: relative;
  margin-bottom: 10%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._02.moved > img._01 {
    width: 100%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._02.moved > img._02 {
    width: 25%;
    position: absolute;
    top: 53%;
    left: 68%; }

article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._03 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._03 > img._01 {
    width: 100%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._02 > div._03 > img._02 {
    width: 45%;
    position: absolute;
    top: 72%;
    left: 4%; }

article._epilogue > section._01 > .container._01 > .row._06 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._07 > div._01 .pStyle.moved {
  margin-bottom: 10%; }

article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._01 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._01 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._01 > img._02 {
    width: 40%;
    position: absolute;
    top: 70%;
    left: 33%; }

article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._02 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._02 > img._01 {
    width: 100%; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._02 > img._02 {
    width: 64%;
    position: absolute;
    top: 80%;
    left: 15%; }

article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._03 {
  position: relative; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._03 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 > div._03 > img._02 {
    width: 12%;
    position: absolute;
    top: 9%;
    left: 74%; }

article._epilogue > section._01 > .container._01 > .row._08 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._09 > div._01 > img {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._10 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._10 > div._01 > img._02 {
  width: 28%;
  position: absolute;
  top: 78%;
  left: 33%; }

article._epilogue > section._01 > .container._01 > .row._10 > div._02 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._11 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._11 > div._01 > img._02 {
  width: 13%;
  position: absolute;
  top: 53%;
  left: 49%; }

article._epilogue > section._01 > .container._01 > .row._11 > div._01 > img._03 {
  width: 19%;
  position: absolute;
  top: 28%;
  left: 62%; }

article._epilogue > section._01 > .container._01 > .row._12 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._01 > .container._01 > .row._12 > div._01 > img._02 {
  width: 75%;
  margin-left: 25%; }

article._epilogue > section._02 > .container._01 > .row._02 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._02 > div._01 > img._02 {
  width: 28%;
  position: absolute;
  top: 68%;
  left: 10%; }

article._epilogue > section._02 > .container._01 > .row._02 > div._02 > svg._01 {
  width: 75%;
  margin-left: 25%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._01 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._01 > img._01 {
    width: 100%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._01 > img._02 {
    width: 25%;
    position: absolute;
    top: 26%;
    left: 73%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._02 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._02 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._02 > img._02 {
    width: 35%;
    position: absolute;
    top: 82%;
    left: 39%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > svg._03 {
  width: 67%;
  margin-left: 25%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._04 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._04 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._04 > img._02 {
    width: 19%;
    position: absolute;
    top: 63%;
    left: 72%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._05 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._05 > img._01 {
    width: 75%;
    margin-left: 25%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._05 > img._02 {
    width: 19%;
    position: absolute;
    top: 23%;
    left: 29%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._06 > img._01 {
  width: 75%;
  margin-left: 25%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._02 > img._02,
article._epilogue > section._02 > .container._01 > .row._03 > div._02 > img._03 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._04 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._04 > img._01 {
    width: 75%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._04 > img._02 {
    width: 8%;
    position: absolute;
    top: 44%;
    left: 5%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._02 > svg._05 {
  width: 78%; }

article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._06 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._06 > img._01 {
    width: 100%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._06 > img._02 {
    width: 36%;
    position: absolute;
    top: 68%;
    left: 7%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._06 > img._03 {
    width: 14%;
    position: absolute;
    top: 78%;
    left: 69%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 > div._06 > img._04 {
    width: 17%;
    position: absolute;
    top: 19%;
    left: 8%; }

article._epilogue > section._02 > .container._01 > .row._04 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._04 > div._02 > svg._01 {
  width: 78%; }

article._epilogue > section._02 > .container._01 > .row._04 > div._02 > img._02 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._05 > div._01 > svg._01 {
  width: 88%;
  margin-left: 10%; }

article._epilogue > section._02 > .container._01 > .row._05 > div._01 > img._02 {
  width: 100%;
  padding-top: 10%; }

article._epilogue > section._02 > .container._01 > .row._06 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._06 > div._01 > svg._02 {
  width: 54%;
  margin-left: 16.5%; }

article._epilogue > section._02 > .container._01 > .row._06 > div._01 > div._03 {
  position: relative; }
  article._epilogue > section._02 > .container._01 > .row._06 > div._01 > div._03 > img._01 {
    width: 100%; }
  article._epilogue > section._02 > .container._01 > .row._06 > div._01 > div._03 > img._02 {
    width: 30%;
    position: absolute;
    top: 4%;
    left: 55%; }

article._epilogue > section._02 > .container._01 > .row._08 #ari-video {
  width: 100%;
  border: 10px solid rgba(255, 255, 255, 0.85); }

article._epilogue > section._02 > .container._01 > .row._10 #gyula-video {
  width: 100%;
  border: 10px solid rgba(255, 255, 255, 0.85); }

article._epilogue > section._02 > .container._01 > .row._11 > div._01 > svg._01 {
  width: 87%; }

article._epilogue > section._02 > .container._01 > .row._14 > div._01 > img._01 {
  width: 100%; }

article._epilogue > section._02 > .container._01 > .row._14 > div._01 > img._02 {
  width: 15%;
  position: absolute;
  top: 84%;
  left: 77%; }

article._epilogue > section._02 > .container._01 > .row._17 > div._01 > svg._01 {
  width: 84%; }

article._epilogue > section._02 > .container._01 > .row._19 #closing-video {
  width: 100%;
  position: relative; }

body[data-page="epilogue"] {
  overflow-x: hidden; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  article._epilogue > section._01 > .container._01 > .bar5 {
    height: 0; }
  article._epilogue > section._01 > .container._01 > .row._02 > div._01 {
    margin-bottom: 15%; }
    article._epilogue > section._01 > .container._01 > .row._02 > div._01 > img._01 {
      width: 45%;
      margin-left: 27.5%; }
  article._epilogue > section._01 > .container._01 > .row._04 {
    display: flex;
    flex-direction: column; }
    article._epilogue > section._01 > .container._01 > .row._04 > div._01 {
      order: 2;
      margin-top: 15%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._01 > img._01 {
    width: 55%; }
  article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._02 {
    margin-bottom: 15%; }
    article._epilogue > section._01 > .container._01 > .row._05 > div._01 > div._02 > img._01 {
      width: 81%;
      margin-left: 15%; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._01 {
    margin-bottom: 15%; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._02 > .bar3 {
    height: 0px; }
  article._epilogue > section._01 > .container._01 > .row._07 > div._02 > .bar1 {
    height: 20px; }
  article._epilogue > section._01 > .container._01 > .row._08 > div._01 {
    margin-bottom: 15%; }
  article._epilogue > section._01 > .container._01 > .row._10 > div._01 {
    margin-bottom: 15%; }
  article._epilogue > section._01 > .container._01 > .row._10 > div._02 > img {
    width: 100%; }
  article._epilogue > section._01 > .container._01 > .row._11 > div._01 {
    margin-bottom: 15%; }
  article._epilogue > section._01 > .container._01 > .row._12 > div._01 {
    margin-bottom: 15%; }
  article._epilogue > section._02 > .container._01 > .row._02 > div._02 {
    margin-top: 15%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._04 > img._01 {
    margin-left: 14%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._04 > img._02 {
    width: 24%;
    left: 54%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._05 > img._01 {
    margin-left: 14%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._05 > img._02 {
    width: 26%;
    left: 20%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._01 > div._06 > img._01 {
    margin-left: 14%; }
  article._epilogue > section._02 > .container._01 > .row._03 > div._02 {
    margin-top: 15%; }
  article._epilogue > section._02 > .container._01 > .row._04 > div._02 > svg._01 {
    margin-top: 15%; }
  article._epilogue > section._02 > .container._01 > .row._06 > div._01 > svg._02 {
    width: 76%;
    margin-left: 12%; }
  article._epilogue > section._02 > .container._01 > .row._11 > div._01 > svg._01 {
    margin-left: 9%; } }

/****************************************
*           Main Credits Styles         *
****************************************/
.creditHeader {
  background-color: #ef972e;
  text-align: center;
  margin-bottom: 28px; }

.creditHeader h1 {
  font-size: 24px;
  line-height: 32px;
  font-family: Lora;
  color: white;
  padding: 14px 10px;
  margin: 0; }

.creditTxtSm {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: white;
  font-family: lora;
  margin: 0px; }

.creditTxtSmLeft {
  font-size: 14px;
  line-height: 22px;
  color: white;
  font-family: lora;
  margin: 0px; }

.creditTxtLg {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: white;
  font-family: lora;
  margin: 0px; }

.creditsBG {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  margin: 0;
  background-color: rgba(48, 41, 38, 0.85);
  opacity: 1;
  left: 25%; }
  .creditsBG.dark {
    background-color: rgba(29, 37, 43, 0.85); }

.creditsImg {
  width: 100%; }

/****************************************
*               Specifics               *
****************************************/
body[data-page="credits"] {
  overflow-x: hidden; }

article._credits .credits-shadow {
  position: absolute;
  top: 0px;
  left: 0%;
  height: 100%;
  margin: 0;
  background-color: rgba(29, 37, 43, 0.85);
  opacity: 1;
  left: 25%; }

article._credits img {
  width: 100%; }

article._credits .row {
  position: relative; }
  article._credits .row > div.col-sm-6 {
    position: absolute;
    top: 0px;
    left: 0%;
    height: 100%;
    margin: 0;
    background-color: rgba(29, 37, 43, 0.85);
    opacity: 1;
    left: 25%; }

article._credits > section._01 > .row._01 #project-credits {
  height: 130px;
  background-color: rgba(249, 162, 22, 0.8); }
  article._credits > section._01 > .row._01 #project-credits h1 {
    padding-top: 3.5%;
    font-size: 45px;
    font-weight: bold;
    opacity: .9; }

article._credits section._02 > .container-fluid._01 > .row._01 {
  position: relative; }
  article._credits section._02 > .container-fluid._01 > .row._01 > img._01 {
    width: 100%; }

article._credits section._02 > .container-fluid._01 > .row._02 {
  position: relative; }
  article._credits section._02 > .container-fluid._01 > .row._02 > img._01 {
    width: 100%; }

article._credits section._02 > .container-fluid._01 > .row.end > div {
  position: absolute;
  top: 0%;
  left: 41.6%; }
  article._credits section._02 > .container-fluid._01 > .row.end > div > img {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 20%; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  article._credits .credits-shadow,
  article._credits .row > div.col-sm-6 {
    position: static;
    height: initial;
    padding-bottom: 30%; }
  article._credits .row.end > div .bar5,
  article._credits .row.end > div .bar2 {
    height: 0; }
  article._credits .row.end > div #endSvg {
    width: 500%;
    margin-top: 100%; } }

/** 

CONTACT PAGE

**/
body[data-page="contact"] {
  background: url("/resources/images/contact/01.jpg");
  background-size: cover;
  background-attachment: fixed;
  font-family: "BettinaNeue"; }
  body[data-page="contact"] h1 {
    font-size: 4em; }
  body[data-page="contact"] .contact > div {
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    margin-bottom: 5em;
    padding-bottom: 2em; }
    body[data-page="contact"] .contact > div > div.form > p {
      font-size: 2em;
      width: 75%;
      margin: auto; }
  body[data-page="contact"] .contact label {
    display: flex;
    justify-content: center; }
    body[data-page="contact"] .contact label input, body[data-page="contact"] .contact label textarea {
      width: 60%;
      border: none;
      background: none;
      font-size: 2.3em;
      color: #505050;
      font-weight: lighter;
      margin-bottom: 0.5em;
      caret-color: #f9a216;
      transition: border 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
      body[data-page="contact"] .contact label input:focus, body[data-page="contact"] .contact label textarea:focus {
        border: none;
        outline: none; }
    body[data-page="contact"] .contact label input {
      font-family: 'Bettina Neue';
      border-bottom: 1.5pt solid #d6dfed; }
      body[data-page="contact"] .contact label input:focus {
        border-bottom: 1.5pt solid;
        border-bottom-color: #f9a216; }
    body[data-page="contact"] .contact label textarea {
      font-family: 'Lora', 'Georgia', serif;
      border: none;
      font-size: 1em;
      border: 1.5pt solid #d6dfed;
      padding: 1em; }
      body[data-page="contact"] .contact label textarea:focus {
        border: 1.5pt solid;
        border-color: #f9a216; }
    body[data-page="contact"] .contact label[for="submit_form"] {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      font-weight: lighter;
      margin-right: 20%; }
      body[data-page="contact"] .contact label[for="submit_form"] input {
        display: none; }
  body[data-page="contact"] .contact #website {
    display: none; }
  body[data-page="contact"] .contact #send {
    width: 60px;
    height: 60px; }
    body[data-page="contact"] .contact #send:hover {
      cursor: pointer; }
  body[data-page="contact"] .contact .email {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: 20%;
    margin-top: -50px;
    transform: rotate(-4deg);
    width: 40%; }
    body[data-page="contact"] .contact .email p {
      margin: 0;
      font-size: 2em;
      line-height: 0.7; }
      body[data-page="contact"] .contact .email p, body[data-page="contact"] .contact .email p a {
        color: #62513e; }
  body[data-page="contact"] .contact .success {
    display: flex;
    justify-content: center; }
    body[data-page="contact"] .contact .success img {
      width: 50%; }
  body[data-page="contact"] .contact .failure {
    justify-content: center; }
  body[data-page="contact"] .contact .success, body[data-page="contact"] .contact .failure {
    display: none; }

/**  CREATORS PAGE  **/
body[data-page="creators"] .creators .container-fluid {
  padding: 0;
  position: relative; }

body[data-page="creators"] .creators .header-image img {
  width: 100%; }

body[data-page="creators"] .creators .white-label-container {
  position: absolute;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #ffffff;
  padding: 6px; }
  body[data-page="creators"] .creators .white-label-container p {
    font-family: BettinaNeue;
    font-weight: lighter;
    font-size: 2.5em;
    color: #1c2528; }

body[data-page="creators"] .creators #wl_jacob {
  top: 27%;
  left: 27%;
  transform: rotate(-2.9deg);
  -webkit-transform: rotate(-2.9deg);
  -moz-transform: rotate(-2.9deg); }

body[data-page="creators"] .creators #wl_collin {
  top: 20%;
  left: 46%; }

body[data-page="creators"] .creators #wl_isaac {
  top: 24%;
  right: 29%;
  transform: rotate(2.5deg);
  -webkit-transform: rotate(2.5deg);
  -moz-transform: rotate(2.5deg); }

body[data-page="creators"] .creators #wl_dana {
  top: 73%;
  left: 18%; }

body[data-page="creators"] .creators #wl_leslie {
  top: 78%;
  left: 38%; }

body[data-page="creators"] .creators #wl_bettina {
  top: 78%;
  right: 36%; }

body[data-page="creators"] .creators #wl_kristina {
  top: 76%;
  right: 15%; }

body[data-page="creators"] .creators .creator_profile {
  text-align: center; }
  body[data-page="creators"] .creators .creator_profile img {
    border: 10px solid white; }
  body[data-page="creators"] .creators .creator_profile h3 {
    font-family: 'BettinaNeue';
    color: #3c3c3c;
    font-size: 2.5em; }
  body[data-page="creators"] .creators .creator_profile h4 {
    font-family: 'BettinaNeue';
    color: #8d4a29;
    font-size: 2em; }
  body[data-page="creators"] .creators .creator_profile p a {
    font-family: Lora;
    color: #95a7c1; }

body[data-page="creators"] .creators .creator._01 .creator_desc._01 img.img_desc {
  width: 65%;
  position: relative;
  top: 5pt;
  left: 20%; }

body[data-page="creators"] .creators .creator._01 .creator_desc._02 img.img_desc {
  width: 55%;
  position: relative;
  top: 20px;
  left: 10px; }

body[data-page="creators"] .creators .creator._01 .creator_desc._03 img.img_desc {
  width: 90%;
  position: relative;
  top: 15px;
  left: 10px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._01 img.img_desc {
  width: 90%;
  left: 4px;
  position: relative;
  top: 20px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._02 img.img_desc {
  width: 72%;
  position: relative;
  left: 25%;
  top: 15px; }

body[data-page="creators"] .creators .creator._02 .creator_desc._03 img.img_desc {
  width: 72%;
  position: relative;
  left: 25%;
  top: 15px; }

body[data-page="creators"] .creators .creator._04 .creator_desc._01 img.img_desc {
  width: 63%;
  position: relative;
  left: 15%;
  top: 20px; }

body[data-page="creators"] .creators .creator._05 .creator_desc._02 img.img_desc {
  width: 70%;
  position: relative;
  left: 27%;
  top: 22px; }

body[data-page="creators"] .creators .creator._06 .creator_desc._01 .img_desc {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .creator._06 .creator_desc._02 .img_desc p {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .creator._07 .creator_desc._02 img.img_desc {
  width: 82%;
  position: relative;
  top: 20px;
  left: 15%; }

body[data-page="creators"] .creators .creator._08 .creator_desc._01 .img_desc {
  width: 82%;
  position: relative;
  left: 7px;
  top: 15px;
  text-align: center;
  font-size: 28pt;
  font-family: 'BettinaNeue';
  color: #62513e;
  line-height: 0.7; }

body[data-page="creators"] .creators .trip-to-hungary img {
  width: 100%; }

body[data-page="creators"] .creators img {
  width: 100%; }

.img_desc {
  font-family: 'Bettina Neue', 'BettinaNeue', 'bettinaFont', sans-serif; }

@media screen and (max-width: 800px) {
  body[data-page="creators"] .creator_desc > div {
    margin-bottom: 20%; }
  body[data-page="creators"] .creators .white-label-container {
    padding: 0; }
    body[data-page="creators"] .creators .white-label-container p {
      padding: 4px 4px;
      font-size: 1.3em; } }

body[data-page="recognition"] {
  background: url("/resources/images/recognition/03.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 40%; }
  body[data-page="recognition"] > main > section {
    overflow: hidden; }
    body[data-page="recognition"] > main > section .images {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      body[data-page="recognition"] > main > section .images img {
        width: 100%; }
    body[data-page="recognition"] > main > section > .container {
      max-width: 70%;
      margin: auto;
      display: block;
      position: relative;
      background-color: rgba(29, 37, 43, 0.85);
      padding-top: 70px;
      color: white; }
      body[data-page="recognition"] > main > section > .container header {
        max-width: 50%;
        font-family: 'Lora';
        margin: auto;
        text-align: center;
        background-color: #ef972e;
        padding: 20px 0;
        margin: 30px auto; }
        body[data-page="recognition"] > main > section > .container header h1 {
          font-size: 45px;
          font-weight: bold; }
      body[data-page="recognition"] > main > section > .container .praise {
        margin: 10pt auto;
        font-family: 'Lora'; }
        body[data-page="recognition"] > main > section > .container .praise h2, body[data-page="recognition"] > main > section > .container .praise h3 {
          color: #ef972e;
          line-height: 1.3;
          opacity: 0.8; }
        body[data-page="recognition"] > main > section > .container .praise h2 {
          font-size: 19px;
          margin-bottom: 0;
          margin-top: 0; }
        body[data-page="recognition"] > main > section > .container .praise h3 {
          font-size: 15px;
          margin-top: 0;
          margin-bottom: 0; }
        body[data-page="recognition"] > main > section > .container .praise p {
          line-height: 2;
          margin-bottom: 4pt;
          margin-top: 6pt; }
      body[data-page="recognition"] > main > section > .container > .container {
        width: 100%; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  body[data-page="recognition"] > main > section > .container {
    max-width: inherit; }
    body[data-page="recognition"] > main > section > .container header {
      max-width: initial; }
      body[data-page="recognition"] > main > section > .container header h1 {
        font-size: 30pt; } }

body[data-page="about"] img {
  width: 100%; }

body[data-page="references"] .row {
  position: relative; }

body[data-page="references"] header {
  color: #fff;
  font-family: Lora;
  font-size: 45px;
  background-color: rgba(239, 151, 46, 0.7);
  text-align: center;
  padding: 1em;
  margin-bottom: 1em;
  margin-top: 1em; }

body[data-page="references"] .bettina-aside {
  font-family: 'Bettina Neue';
  font-size: 38.04px;
  line-height: 1.15;
  color: #62513E; }

body[data-page="references"] .shift-left {
  padding-left: 15px; }

body[data-page="references"] .free {
  position: absolute;
  top: 0;
  left: 0; }

body[data-page="references"] .blank-space {
  height: 40vh; }

body[data-page="references"] .refs--header {
  font-family: 'Lora';
  font-weight: bold;
  color: #BB6F49;
  font-size: 30px;
  overflow-y: hidden;
  text-align: center;
  text-transform: uppercase;
  position: relative; }
  body[data-page="references"] .refs--header::before, body[data-page="references"] .refs--header::after {
    position: absolute;
    content: '';
    width: 15%;
    top: 50%;
    transform: translateY(-50%);
    height: 2pt;
    background-color: #BB6F49; }
  body[data-page="references"] .refs--header::before {
    left: 5%; }
  body[data-page="references"] .refs--header::after {
    right: 5%; }

body[data-page="references"] .refs--heading {
  font-family: 'Bettina Neue';
  color: #3C3C3C;
  font-size: 35px;
  text-align: center;
  margin-top: 0.3em;
  margin-bottom: 0.3em; }

body[data-page="references"] .refs--list li {
  list-style: none;
  font-family: 'Bettina Neue';
  font-size: 40px;
  color: #7d4b2f; }

body[data-page="references"] #refs--list-info {
  left: 20%;
  top: 3em;
  transform: rotate(-10deg); }

body[data-page="references"] #refs--list-info_arrow {
  width: 25%;
  margin-left: 35%; }

body[data-page="references"] h1.refs--section-header {
  font-family: 'Lora';
  font-weight: bold;
  font-size: 45px;
  text-align: center;
  color: #E4A12D;
  border-top: 2pt solid rgba(239, 151, 46, 0.7);
  border-bottom: 2pt solid rgba(239, 151, 46, 0.7);
  padding: 1.3em;
  margin-bottom: 2em; }

body[data-page="references"] .refs--collection-subheading {
  font-family: 'Bettina Neue';
  letter-spacing: 0.15ch;
  font-size: 40px;
  color: #7d4b2f; }

body[data-page="references"] ul.refs--list-references,
body[data-page="references"] ul li.orangeBullet,
body[data-page="references"] ul li.orangeBullet span {
  color: #505050;
  font-size: 18px;
  font-family: 'Lora';
  font-weight: normal;
  list-style: disc none inside;
  margin-bottom: 2em; }

body[data-page="references"] ul.refs--list-references li {
  line-height: 2;
  margin-bottom: 5px; }

body[data-page="references"] .refs--personal,
body[data-page="references"] .refs--alpha {
  text-align: left; }

body[data-page="references"] hr {
  color: #f9a216;
  height: 2pt; }

body[data-page="references"] .refs--personal-collection {
  margin-bottom: 5em; }

body[data-page="references"] .orangeBullet {
  color: #ef972e;
  margin-bottom: 20px; }

body[data-page="references"] .orangeBullet span {
  color: #4F4F4F; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  body[data-page="references"] {
    overflow-x: hidden; }
    body[data-page="references"] h1.refs--section-header {
      padding: 0; }
    body[data-page="references"] .refs--header:before, body[data-page="references"] .refs--header:after {
      display: none; } }

body[data-page="family-tree"] .space-2 {
  width: 16.66666667%; }

body[data-page="family-tree"] .space-offset-1 {
  margin-left: 8.33333333%; }

body[data-page="family-tree"] .space-offset-4 {
  margin-left: 33.33333333%; }

body[data-page="family-tree"] .space-offset-6 {
  margin-left: 50%; }

body[data-page="family-tree"] .space-offset-8 {
  margin-left: 66.66666667%; }

body[data-page="family-tree"] .space-offset-10 {
  margin-left: 83.33333333%; }

body[data-page="family-tree"] .space-1, body[data-page="family-tree"] .space-10, body[data-page="family-tree"] .space-11,
body[data-page="family-tree"] .space-12, body[data-page="family-tree"] .space-2, body[data-page="family-tree"] .space-3,
body[data-page="family-tree"] .space-4, body[data-page="family-tree"] .space-5, body[data-page="family-tree"] .space-6,
body[data-page="family-tree"] .space-7, body[data-page="family-tree"] .space-8, body[data-page="family-tree"] .space-9 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

body[data-page="family-tree"] .bar3 {
  clear: both; }

body[data-page="family-tree"] .bar5 {
  height: 120px; }

body[data-page="family-tree"] > .family-tree {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  /*-------------------------------
       Let's try some borders.....
    -------------------------------*/ }
  body[data-page="family-tree"] > .family-tree .parent {
    width: 1170px;
    margin: auto; }
  body[data-page="family-tree"] > .family-tree .tier {
    margin-bottom: 100px;
    width: 100% !important; }
  body[data-page="family-tree"] > .family-tree .leaf .name,
  body[data-page="family-tree"] > .family-tree .leaf .dates,
  body[data-page="family-tree"] > .family-tree .leaf .chapters {
    font-family: 'Bettina Neue';
    text-align: center; }
  body[data-page="family-tree"] > .family-tree .leaf .name {
    font-size: 4rem;
    color: #302926; }
  body[data-page="family-tree"] > .family-tree .leaf .dates {
    font-size: 3rem;
    color: #bc6336;
    line-height: 0.9;
    letter-spacing: 1pt; }
  body[data-page="family-tree"] > .family-tree .leaf .chapters {
    font-size: 3rem;
    color: #62513e; }
  body[data-page="family-tree"] > .family-tree .leaf .portrait {
    width: 100%;
    box-sizing: border-box;
    border: 2.5pt solid #f9a216;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15%; }
    body[data-page="family-tree"] > .family-tree .leaf .portrait.secondary {
      border: 2.5pt solid #9fb7d3; }
    body[data-page="family-tree"] > .family-tree .leaf .portrait img {
      position: absolute;
      object-fit: cover;
      top: 0;
      left: 0; }
    body[data-page="family-tree"] > .family-tree .leaf .portrait.carousel {
      cursor: pointer; }
  body[data-page="family-tree"] > .family-tree .leaf .dots {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    top: -1rem; }
    body[data-page="family-tree"] > .family-tree .leaf .dots .dot {
      width: 0.9rem;
      height: 0.9rem;
      padding: 0;
      margin: 0 0.2rem;
      border-radius: 100%;
      border: 1pt solid #f9a216;
      background: none; }
      body[data-page="family-tree"] > .family-tree .leaf .dots .dot.active {
        background-color: #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier1janos:after {
    content: '';
    position: absolute;
    top: 15%;
    left: 100%;
    transform: translateX(-50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier1juliana:after {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    height: 238px;
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier2jozsef:before {
    content: '';
    position: absolute;
    top: 15%;
    left: 100%;
    transform: translateX(-50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier2jozsef:after {
    content: '';
    position: absolute;
    top: -20%;
    left: 0;
    width: 50%;
    height: 20%;
    border-top: 3px dashed #f9a216;
    border-right: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier2julianna:after {
    content: '';
    position: absolute;
    top: 17%;
    left: 0;
    height: 238px;
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier3karoly:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateX(-50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%239fb7d3;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier3mariska:before {
    content: '';
    position: absolute;
    top: 22%;
    left: 0;
    height: calc(111% + 200px);
    background-image: linear-gradient(#9fb7d3 50%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 3pt 24pt;
    background-repeat: repeat-y;
    width: 3pt; }
  body[data-page="family-tree"] > .family-tree #tier3mariska:after {
    content: '';
    position: absolute;
    top: -3rem;
    left: 50%;
    width: 50%;
    height: 3rem;
    border-top: 3px dashed #9fb7d3;
    border-left: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier3vilma:before {
    content: '';
    position: absolute;
    top: 17%;
    right: 0;
    height: calc(116% + 200px);
    background-image: linear-gradient(#9fb7d3 50%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 3pt 24pt;
    background-repeat: repeat-y;
    width: 3pt; }
  body[data-page="family-tree"] > .family-tree #tier3vilma:after {
    content: '';
    position: absolute;
    top: -3rem;
    left: 0;
    width: 50%;
    height: 3rem;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier3vajda:before {
    content: '';
    position: absolute;
    top: 30%;
    right: 100%;
    transform: translateX(50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%239fb7d3;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: -1; }
  body[data-page="family-tree"] > .family-tree #tier3fabos:before {
    content: '';
    position: absolute;
    top: 15%;
    left: 100%;
    transform: translateX(-50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier3fabos:after {
    content: '';
    position: absolute;
    top: -13%;
    left: 0;
    width: 50%;
    height: 13%;
    border-top: 3px dashed #f9a216;
    border-right: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier3regina:after {
    content: '';
    position: absolute;
    top: 15%;
    left: 0;
    height: calc(115% + 200px);
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier4jozsef:after {
    content: '';
    position: absolute;
    top: -33%;
    left: 0;
    width: 50%;
    height: 33%;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier5feri:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    width: 50%;
    height: 5rem;
    border-top: 3px dashed #9fb7d3;
    border-left: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier5karcsi:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 0;
    width: 50%;
    height: 5rem;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier5gizi:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 15%;
    height: calc(64% + 100px);
    width: 50%;
    border-right: 3px dashed #f9a216;
    border-bottom: 3px dashed #f9a216;
    z-index: -1; }
  body[data-page="family-tree"] > .family-tree #tier5gizi:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    width: 50%;
    height: 5rem;
    border-top: 3px dashed #9fb7d3;
    border-left: 3px dashed #9fb7d3;
    z-index: -1; }
  body[data-page="family-tree"] > .family-tree #tier5istvanfabos:before {
    content: '';
    position: absolute;
    top: 15%;
    right: 100%;
    transform: translateX(50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier5istvanfabos:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    width: 100%;
    height: 5rem;
    border-top: 3px dashed #f9a216;
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier5erzsebet:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    width: 50%;
    height: 5rem;
    border-top: 3px dashed #f9a216;
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier5kaman:before {
    content: '';
    position: absolute;
    top: 13%;
    right: 100%;
    transform: translateX(50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: -1; }
  body[data-page="family-tree"] > .family-tree #tier5kaman:after {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    height: calc(78% + 100px);
    border-left: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier6gertrude:after {
    content: '';
    position: absolute;
    top: -4rem;
    left: 50%;
    width: 50%;
    height: 4rem;
    border-top: 3px dashed #9fb7d3;
    border-left: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier6kamill:after {
    content: '';
    position: absolute;
    top: -4rem;
    left: 0;
    height: 4rem;
    width: 50%;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier7aranka:before {
    content: '';
    position: absolute;
    right: 0;
    top: 15%;
    height: calc(100% + 100px);
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier7aranka:after {
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    height: 5rem;
    width: 200%;
    border-left: 3px dashed #f9a216;
    border-top: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier7laszlo:before {
    content: '';
    position: absolute;
    top: 13%;
    right: 100%;
    transform: translateX(50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: -1; }
  body[data-page="family-tree"] > .family-tree #tier7gyula:before {
    content: '';
    position: absolute;
    right: 0;
    top: 15%;
    height: calc(90% + 100px);
    border-right: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier7gyula:after {
    content: '';
    position: absolute;
    top: calc(-90px);
    height: calc(90px);
    left: 50%;
    border-left: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier7edith:before {
    content: '';
    position: absolute;
    top: 13%;
    right: 100%;
    transform: translateX(50%);
    width: 25%;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.37 6.66'%3E%3Cpath d='M2,2.8s12.27-1.11,19.5-.71A188.53,188.53,0,0,1,40.37,4.66' style='fill:none;stroke:%23f9a216;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  body[data-page="family-tree"] > .family-tree #tier7ilona,
  body[data-page="family-tree"] > .family-tree #tier7jolan {
    top: 2rem; }
  body[data-page="family-tree"] > .family-tree #tier7ilona:after {
    content: '';
    position: absolute;
    right: 50%;
    top: -7rem;
    height: 7rem;
    width: 200%;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier7jolan:after {
    content: '';
    position: absolute;
    right: 50%;
    top: -7rem;
    height: 7rem;
    width: 100%;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier8bettina:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -4rem;
    width: 50%;
    height: 4rem;
    border-left: 3px dashed #f9a216;
    border-top: 3px dashed #f9a216; }
  body[data-page="family-tree"] > .family-tree #tier8adrian:after {
    content: '';
    position: absolute;
    left: 0;
    top: -4rem;
    width: 50%;
    height: 4rem;
    border-top: 3px dashed #9fb7d3;
    border-right: 3px dashed #9fb7d3; }
  body[data-page="family-tree"] > .family-tree #tier8anita:after {
    content: '';
    position: absolute;
    right: 50%;
    top: -4rem;
    width: 100%;
    height: 4rem;
    border-right: 3px dashed #9fb7d3;
    border-top: 3px dashed #9fb7d3; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  body[data-page="family-tree"] br {
    display: none; }
  body[data-page="family-tree"] > .family-tree {
    overflow-y: hidden;
    max-height: 1612px; }
    body[data-page="family-tree"] > .family-tree .parent {
      position: relative;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left;
      -moz-transform-origin: top left;
      transform-origin: top left; }
  body[data-page="family-tree"] .next-chapter.end-svg {
    width: 25%; } }

body[data-page="press"] h2,
body[data-page="press"] .bettina {
  color: #3c3c3c; }

body[data-page="press"] main ul {
  font-family: 'Lora', serif;
  font-size: 17px;
  padding: 0; }
  body[data-page="press"] main ul li {
    list-style-type: none;
    margin-bottom: 5%; }

body[data-page="press"] img {
  width: 100%; }

body[data-page="press"] .space-above {
  margin-top: 2%; }

body[data-page="press"] #download-all-images {
  width: 100%;
  background-color: #e4a12d;
  color: white;
  padding: 20px;
  padding-left: 30px;
  border-radius: 15px; }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

body[data-page="interface"] {
  /* Loader stuff */ }
  body[data-page="interface"] #start > .row {
    height: 100%; }
  body[data-page="interface"] main .mobile.noscript ul {
    list-style: none;
    padding: 0; }
    body[data-page="interface"] main .mobile.noscript ul li {
      padding: 1em;
      background-color: rgba(249, 162, 22, 0.8);
      border: 0.5pt solid white;
      position: relative;
      overflow: hidden; }
      body[data-page="interface"] main .mobile.noscript ul li a {
        display: flex;
        flex-direction: column;
        font-family: 'Lora';
        color: white;
        overflow: hidden; }
        body[data-page="interface"] main .mobile.noscript ul li a .number {
          font-size: 2.5rem; }
        body[data-page="interface"] main .mobile.noscript ul li a .title {
          font-size: 2rem;
          font-style: normal;
          font-weight: bolder; }
        body[data-page="interface"] main .mobile.noscript ul li a img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: -1; }
      body[data-page="interface"] main .mobile.noscript ul li._01 img {
        top: -39%; }
      body[data-page="interface"] main .mobile.noscript ul li._02 img {
        top: -120%; }
      body[data-page="interface"] main .mobile.noscript ul li._03 img {
        top: -95%; }
      body[data-page="interface"] main .mobile.noscript ul li._04 img {
        top: -45%; }
      body[data-page="interface"] main .mobile.noscript ul li._05 img {
        top: -50%; }
      body[data-page="interface"] main .mobile.noscript ul li._06 img {
        top: -124%; }
      body[data-page="interface"] main .mobile.noscript ul li._07 img {
        top: -75%; }
      body[data-page="interface"] main .mobile.noscript ul li._08 img {
        top: -95%; }
      body[data-page="interface"] main .mobile.noscript ul li._09 img {
        top: -46%; }
      body[data-page="interface"] main .mobile.noscript ul li._10 img {
        top: -91%; }
      body[data-page="interface"] main .mobile.noscript ul li._11 img {
        top: -200%; }
      body[data-page="interface"] main .mobile.noscript ul li._12 img {
        top: -157%; }
      body[data-page="interface"] main .mobile.noscript ul li._13 img {
        top: -91%; }
      body[data-page="interface"] main .mobile.noscript ul li._14 img {
        top: -106%; }
      body[data-page="interface"] main .mobile.noscript ul li._15 img {
        top: -62%; }
      body[data-page="interface"] main .mobile.noscript ul li._16 img {
        top: -81%; }
      body[data-page="interface"] main .mobile.noscript ul li._17 img {
        top: -42%; }
      body[data-page="interface"] main .mobile.noscript ul li._18 img {
        top: -50%; }
  body[data-page="interface"] header._01 > .container-fluid._01 {
    background-image: url("/resources/images/interface/new/new_02-with-scrim.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 {
      min-height: 100vh;
      display: flex;
      align-items: center; }
      body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div {
        display: flex;
        flex-direction: column;
        align-items: center; }
        body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div > img {
          margin-bottom: -28%;
          width: 32%; }
        body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .intro {
          text-align: center; }
          body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .intro h1 {
            font-family: 'LoraBold', serif;
            font-weight: 400;
            font-size: 60pt;
            color: #ff9c31;
            text-transform: uppercase;
            text-align: center;
            line-height: 0.95; }
            body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .intro h1 span.proud {
              letter-spacing: 13pt; }
            body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .intro h1 span.torn {
              letter-spacing: 15pt; }
          body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .intro h2 {
            font-family: 'Bettina Neue', sans-serif;
            text-align: left;
            color: white;
            font-size: 26pt;
            margin-top: 0; }
        body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .arrows {
          display: flex;
          margin-left: -5%; }
          body[data-page="interface"] header._01 > .container-fluid._01 > .row._01 > div .arrows > img {
            width: 25px;
            margin: 0 5%; }
    body[data-page="interface"] header._01 > .container-fluid._01 > .row._02 {
      margin-top: 15%;
      display: flex;
      justify-content: center;
      margin-bottom: 15%; }
      body[data-page="interface"] header._01 > .container-fluid._01 > .row._02 > div > p.opening-credit {
        margin: 8% 0;
        font-size: 26pt; }
        body[data-page="interface"] header._01 > .container-fluid._01 > .row._02 > div > p.opening-credit > span {
          color: #ff9c31;
          font-size: 20pt;
          text-transform: uppercase; }
  body[data-page="interface"] section._01 > .container._01 > .row._01 > .header {
    height: 130px;
    background-color: rgba(255, 151, 46, 0.7); }
    body[data-page="interface"] section._01 > .container._01 > .row._01 > .header > h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._01 > .container._01 > .row._02 {
    left: 25%; }
    body[data-page="interface"] section._01 > .container._01 > .row._02 > div._01 {
      position: relative; }
      body[data-page="interface"] section._01 > .container._01 > .row._02 > div._01 > img._01 {
        width: 78%;
        padding-left: 25%; }
      body[data-page="interface"] section._01 > .container._01 > .row._02 > div._01 > img._02 {
        width: 25%;
        position: absolute;
        top: 76%;
        left: 0%; }
      body[data-page="interface"] section._01 > .container._01 > .row._02 > div._01 > img._03 {
        width: 8%;
        position: absolute;
        top: 100%;
        left: 44%; }
      body[data-page="interface"] section._01 > .container._01 > .row._02 > div._01 > img._04 {
        width: 25%;
        position: absolute;
        top: 102%;
        left: 62%; }
    body[data-page="interface"] section._01 > .container._01 > .row._02 > div._02 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._01 > .container._01 > .row._02 > div._02 > div._02 {
      width: 75%;
      position: relative; }
  body[data-page="interface"] section._01 > .container._01 > .row._03 > div._01 > img._01 {
    width: 52%;
    padding-left: 12.5%; }
  body[data-page="interface"] section._01 > .container._01 > .row._04 > div._01 > img._02 {
    position: absolute;
    width: 40%;
    top: 10%;
    left: 20%; }
  body[data-page="interface"] section._01 > .container._01 > .row._04 > div._01 > img._03 {
    position: absolute;
    top: 38%;
    width: 27%;
    right: 10%; }
  body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > img._01 {
      width: 100%;
      position: relative;
      top: 0;
      z-index: -1; }
    body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > div._02 {
      position: absolute;
      left: 44.5%;
      top: 0; }
      body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > div._02 > img._01 {
        width: 60%; }
      body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > div._02 > div._02 {
        background-color: rgba(255, 255, 255, 0.7);
        padding: 10%; }
        body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > div._02 > div._02 > .pStyle {
          margin: 0px; }
      body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > div._02 > img._03 {
        width: 60%;
        margin-left: 40%; }
  body[data-page="interface"] section._01 > .container._03 > .row._01 > div._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container._03 > .row._01 > div._01 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._01 > .container._03 > .row._01 > div._01 > img._02 {
      width: 50%;
      position: absolute;
      top: 30.5%;
      left: 5.5%; }
    body[data-page="interface"] section._01 > .container._03 > .row._01 > div._01 > img._03 {
      width: 100%;
      position: absolute;
      bottom: -37%;
      padding-right: 40px; }
  body[data-page="interface"] section._01 > .container._03 > .row._02 > div._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container._03 > .row._02 > div._01 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._01 > .container._03 > .row._02 > div._01 > img._02 {
      width: 35%;
      position: absolute;
      top: 8%;
      right: 8%; }
  body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 > div._01 {
      width: 100%;
      position: relative; }
    body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 > div._02 {
      position: relative; }
      body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 > div._02 > img._01 {
        width: 100%; }
      body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 > div._02 > img._02 {
        width: 35%;
        position: absolute;
        top: 15%;
        left: 51%; }
  body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 > img._01 {
      width: 100%;
      position: relative;
      z-index: -1; }
    body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 #blackBack1 {
      position: absolute;
      top: 0px;
      left: 0;
      height: 100%;
      margin: 0;
      background-color: rgba(40, 45, 49, 0.7);
      opacity: 0; }
      body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 #blackBack1 > img._01 {
        width: 60%;
        margin-left: 20%; }
    body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 > div._02 {
      position: absolute;
      top: 0;
      left: 61%; }
      body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 > div._02 > #balatonImg {
        width: 100%;
        position: relative; }
  body[data-page="interface"] section._01 > .container._05 > .row._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._01 > .container._05 > .row._02 > div > img {
    width: 100%; }
  body[data-page="interface"] section._01 > .container-fluid._06 > .row > img {
    width: 100%;
    position: relative;
    top: -141px;
    z-index: -3; }
  body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > img#farming {
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: -1; }
    body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > div._01 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > div._01 > div._02 {
      background-color: rgba(255, 255, 255, 0.7);
      padding: 10%; }
      body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > div._01 > div._02 > div._01 {
        margin: 0px; }
    body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > div._01 > img._03 {
      width: 100%; }
  body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 {
    position: relative; }
    body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > img._01 {
      width: 100%;
      position: relative;
      z-index: -1; }
    body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > div._02 {
      position: absolute;
      top: 0;
      left: 6%; }
      body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > div._02 > video {
        width: 100%; }
    body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > div#blackBack2 {
      position: absolute;
      bottom: 16%;
      right: 10%;
      margin: 0px;
      width: 25%;
      opacity: 0;
      padding: 40px; }
      body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > div#blackBack2 > img {
        position: relative; }
  body[data-page="interface"] #slideContainer section.panelTL.front {
    z-index: 3; }
    body[data-page="interface"] #slideContainer section.panelTL.front img.stretch {
      transform: scaleY(1.1); }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1 {
      left: 6%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1848 {
      left: 10.48%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1867 {
      left: 16.158%;
      height: 70.99%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1900 {
      left: 22.31%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1914 {
      left: 27.585%;
      height: 70.8%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1918 {
      left: 33.68%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1920 {
      left: 40.03%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1930 {
      left: 44.69%;
      height: 71.8%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1940 {
      left: 50.559%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1944 {
      left: 55.84%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1945 {
      left: 62.14%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1946 {
      left: 67.562%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1949 {
      left: 73.272%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1950 {
      left: 78.97%;
      height: 72.5%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1953 {
      left: 84.735%; }
    body[data-page="interface"] #slideContainer section.panelTL.front #chapter1956 {
      left: 91.84%; }
  body[data-page="interface"] #slideContainer section.panelTL.middle {
    z-index: 2; }
  body[data-page="interface"] #slideContainer section.panelTL.back {
    z-index: 1; }
  body[data-page="interface"] section._02 > .container._01 > .row._01 #epilogue.header {
    height: 130px;
    background-color: rgba(249, 162, 22, 0.8); }
    body[data-page="interface"] section._02 > .container._01 > .row._01 #epilogue.header h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._02 > .container._01 > .row._02 > div > img {
    width: 65%;
    margin-left: 17%; }
  body[data-page="interface"] section._02 > .container._01 > .row._03 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._04 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._05 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._01 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._01 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._01 > img._02 {
      width: 25%;
      top: 83%;
      left: 50%;
      position: absolute; }
  body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._02 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._02 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._01 > div._02 > img._02 {
      width: 25%;
      position: absolute;
      top: 53%;
      left: 68%; }
  body[data-page="interface"] section._02 > .container._01 > .row._06 > div._02 > div._01 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._02 > div._01 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._02 > .container._01 > .row._06 > div._02 > div._01 > img._02 {
      width: 45%;
      top: 72%;
      left: 4%;
      position: absolute; }
  body[data-page="interface"] section._02 > .container._01 > .row._07 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._01 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._01 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._01 > img._02 {
      width: 40%;
      position: absolute;
      top: 70%;
      left: 33%; }
  body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._02 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._02 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._02 > img._02 {
      width: 64%;
      position: absolute;
      top: 80%;
      left: 15%; }
  body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._03 {
    position: relative; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._03 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._02 > .container._01 > .row._08 > div._01 > div._03 > img._02 {
      width: 12%;
      position: absolute;
      top: 9%;
      left: 74%; }
  body[data-page="interface"] section._02 > .container._01 > .row._09 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._10 > div > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._11 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._11 > div._01 > img._02 {
    width: 28%;
    position: absolute;
    top: 78%;
    left: 33%; }
  body[data-page="interface"] section._02 > .container._01 > .row._11 > div._02 > img {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._12 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._12 > div._01 > img._02 {
    width: 13%;
    position: absolute;
    top: 53%;
    left: 49%; }
  body[data-page="interface"] section._02 > .container._01 > .row._12 > div._01 > img._03 {
    width: 19%;
    position: absolute;
    top: 28%;
    left: 62%; }
  body[data-page="interface"] section._02 > .container._01 > .row._13 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._02 > .container._01 > .row._13 > div._01 > img._02 {
    width: 75%;
    margin-left: 25%; }
  body[data-page="interface"] section._03 > .container._01 > .row._01 > div.header {
    height: 130px;
    background-color: rgba(249, 162, 22, 0.8); }
    body[data-page="interface"] section._03 > .container._01 > .row._01 > div.header h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._03 > .container._01 > .row._02 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._02 > div._01 > img._02 {
    width: 28%;
    position: absolute;
    top: 68%;
    left: 10%; }
  body[data-page="interface"] section._03 > .container._01 > .row._02 > div._02 > img {
    width: 75%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._01 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._01 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._01 > img._02 {
      width: 25%;
      position: absolute;
      top: 26%;
      left: 73%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._02 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._02 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._02 > img._02 {
      width: 35%;
      position: absolute;
      top: 82%;
      left: 39%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > img._03 {
    width: 75%;
    margin-left: 25%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._04 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._04 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._04 > img._02 {
      width: 19%;
      position: absolute;
      top: 63%;
      left: 72%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._05 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._05 > img._01 {
      width: 75%;
      margin-left: 25%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._05 > img._02 {
      width: 19%;
      position: absolute;
      top: 23%;
      left: 29%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._06 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._01 > div._06 > img {
      width: 75%;
      margin-left: 25%; }
  body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > img._02 {
      width: 100%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._03 {
      position: relative; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._03 > img._01 {
        width: 75%; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._03 > img._02 {
        width: 8%;
        position: absolute;
        top: 44%;
        left: 5%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > img._04 {
      width: 100%; }
    body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._05 {
      position: relative; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._05 > img._01 {
        width: 100%; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._05 > img._02 {
        width: 36%;
        position: absolute;
        top: 68%;
        left: 7%; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._05 > img._03 {
        width: 14%;
        position: absolute;
        top: 78%;
        left: 69%; }
      body[data-page="interface"] section._03 > .container._01 > .row._03 > div._02 > div._05 > img._04 {
        width: 17%;
        position: absolute;
        top: 19%;
        left: 8%; }
  body[data-page="interface"] section._03 > .container._01 > .row._04 > div._01 > img {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._04 > div._02 > img._01 {
    width: 90%; }
  body[data-page="interface"] section._03 > .container._01 > .row._04 > div._02 > img._02 {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._05 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._05 > div._01 > img._02 {
    width: 100%;
    padding-top: 10%; }
  body[data-page="interface"] section._03 > .container._01 > .row._06 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._06 > div._01 > img._02 {
    width: 60%;
    margin-left: 16.5%; }
  body[data-page="interface"] section._03 > .container._01 > .row._06 > div._01 > div._03 {
    position: relative; }
    body[data-page="interface"] section._03 > .container._01 > .row._06 > div._01 > div._03 > img._01 {
      width: 100%; }
    body[data-page="interface"] section._03 > .container._01 > .row._06 > div._01 > div._03 > img._02 {
      width: 30%;
      position: absolute;
      top: 4%;
      left: 55%; }
  body[data-page="interface"] section._03 > .container._01 > .row._08 > div > video {
    width: 100%;
    border: 10px solid rgba(255, 255, 255, 0.85); }
  body[data-page="interface"] section._03 > .container._01 > .row._10 > div > video {
    width: 100%;
    border: 10px solid rgba(255, 255, 255, 0.85); }
  body[data-page="interface"] section._03 > .container._01 > .row._11 > div > img {
    width: 95%; }
  body[data-page="interface"] section._03 > .container._01 > .row._12 > div.header {
    height: 130px;
    background-color: rgba(249, 162, 22, 0.8); }
    body[data-page="interface"] section._03 > .container._01 > .row._12 > div.header h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._03 > .container._01 > .row._14 > div._01 > img._01 {
    width: 100%; }
  body[data-page="interface"] section._03 > .container._01 > .row._14 > div._01 > img._02 {
    width: 15%;
    position: absolute;
    top: 84%;
    left: 77%; }
  body[data-page="interface"] section._03 > .container._01 > .row._16 > div.header {
    height: 130px;
    background-color: rgba(249, 162, 22, 0.8); }
    body[data-page="interface"] section._03 > .container._01 > .row._16 > div.header h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._03 > .container._01 > .row._19 > div > video {
    width: 100%;
    position: relative; }
  body[data-page="interface"] section._04 > .row._01 > #project-credits {
    height: 130px;
    background-color: rgba(249, 162, 22, 0.8); }
    body[data-page="interface"] section._04 > .row._01 > #project-credits h1 {
      padding-top: 3.5%;
      font-size: 45px;
      font-weight: bold;
      opacity: 0.9; }
  body[data-page="interface"] section._05 > .container-fluid._01 > .row._01 {
    position: relative; }
    body[data-page="interface"] section._05 > .container-fluid._01 > .row._01 > img._01 {
      width: 100%; }
  body[data-page="interface"] section._05 > .container-fluid._01 > .row._02 {
    position: relative; }
  body[data-page="interface"] section._05 > .container-fluid._01 > .row {
    position: relative; }
    body[data-page="interface"] section._05 > .container-fluid._01 > .row > img {
      width: 100%; }
  body[data-page="interface"] section._05 > .container-fluid._01 > .row._last > div._02 {
    position: absolute;
    top: 0;
    left: 41.6%; }
    body[data-page="interface"] section._05 > .container-fluid._01 > .row._last > div._02 #endSvg {
      width: 100%;
      margin-bottom: 20px;
      margin-left: 20%; }
  body[data-page="interface"] #slideContainer {
    height: 100%;
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden; }
  body[data-page="interface"] #slideContainer .panelTL {
    height: 100%;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0; }
  body[data-page="interface"] .panelTL.front {
    z-index: 3; }
    body[data-page="interface"] .panelTL.front > a > .chapter-marker {
      bottom: 15%; }
  body[data-page="interface"] .panelTL.middle {
    z-index: 2; }
  body[data-page="interface"] .panelTL.back {
    z-index: 1; }
  body[data-page="interface"] .panelTL img {
    height: 100%; }
  body[data-page="interface"] .loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100vh;
    width: 100vw; }
  body[data-page="interface"] .loader .bg {
    background: rgba(255, 255, 255, 0.9) no-repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s linear; }
  body[data-page="interface"] .loader .content {
    position: relative;
    transition: opacity 0.5s linear; }
  body[data-page="interface"] body.loading {
    transition: all 0.5s linear; }
  body[data-page="interface"] body.loading .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    transition: opacity 0.2s linear; }
  body[data-page="interface"] .fullMenuOpacity {
    opacity: .9 !important; }
  body[data-page="interface"] #planes {
    position: absolute;
    top: 0;
    left: 60%;
    float: left;
    height: 40%;
    z-index: -1;
    transform: scaleX(-1); }
  body[data-page="interface"] p[id$="Header"] {
    letter-spacing: 0.25ch; }
  body[data-page="interface"] .ari-gyuszi-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body[data-page="interface"] .ari-gyuszi-container .fix {
    position: relative;
    height: 100%;
    width: 100%; }
  body[data-page="interface"] .ari-gyuszi-container img {
    position: absolute;
    bottom: 0%;
    left: 50%;
    width: 17%; }
  body[data-page="interface"] #intro-down-arrow {
    position: absolute;
    left: 50%;
    bottom: 16%;
    width: 2%;
    transform: translateX(-50%); }
  body[data-page="interface"] #opening_credits {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 37em 0; }
  body[data-page="interface"] .opening-credit {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: white;
    font-family: 'Bettina Neue', bettinaFont, sans-serif;
    line-height: 40px;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  body[data-page="interface"] .opening-credit > span {
    font-size: 40px; }
  @media screen and (max-width: 800px) {
    body[data-page="interface"] #start > .row._01 h1,
    body[data-page="interface"] #start > .row._01 h2 {
      padding: 0 10%; }
    body[data-page="interface"] .opening-credit {
      font-size: 38px;
      line-height: 35px; }
    body[data-page="interface"] .opening-credit > span {
      font-size: 28px; } }
  @media screen and (max-width: 600px) {
    body[data-page="interface"] #opening_credits {
      padding: 0;
      margin-top: 1em;
      justify-content: center; }
    body[data-page="interface"] #start > .row._02 {
      margin-bottom: 50%; }
    body[data-page="interface"] .opening-credit {
      font-size: 37px;
      line-height: 36px; }
      body[data-page="interface"] .opening-credit > span {
        font-size: 37px;
        margin-bottom: 2%; } }
  @media screen and (max-width: 350px) {
    body[data-page="interface"] h1 {
      padding: 0 !important;
      font-size: 45px !important; }
    body[data-page="interface"] h2 {
      text-align: center !important; } }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

@media screen and (max-width: 800px) {
  body[data-page="interface"] {
    overflow-x: hidden; }
    body[data-page="interface"] #start > .row._01 > div {
      padding: 0; }
    body[data-page="interface"] #start > .row._01 > img {
      width: 50%;
      margin-bottom: -43%; }
    body[data-page="interface"] #start > .row._01 .intro h1 {
      font-size: 60px; }
    body[data-page="interface"] .pStyle {
      line-height: 2;
      font-size: 15px; }
    body[data-page="interface"] section._00 .container-fluid._01 > .row._01 {
      height: 100vh; }
      body[data-page="interface"] section._00 .container-fluid._01 > .row._01 img._01 {
        position: absolute;
        height: 100vh;
        width: initial;
        right: 0%; }
      body[data-page="interface"] section._00 .container-fluid._01 > .row._01 img#blackBack0svg {
        left: initial;
        width: 45%;
        right: 15%;
        top: 38%;
        display: none; }
      body[data-page="interface"] section._00 .container-fluid._01 > .row._01 #blackBack0 {
        width: 100%;
        display: flex;
        justify-content: center;
        top: initial;
        left: initial; }
        body[data-page="interface"] section._00 .container-fluid._01 > .row._01 #blackBack0 #blackBack0animation {
          position: absolute;
          margin: 0;
          top: 10%;
          left: 50%;
          transform: translateX(-50%);
          width: 85%; }
          body[data-page="interface"] section._00 .container-fluid._01 > .row._01 #blackBack0 #blackBack0animation:after {
            content: '';
            position: absolute;
            top: 100%;
            width: 50%;
            background-image: url("data:image/svg+xml,	%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 70 70'%3E%3Cpolyline points='15,25 35,50 55,25' stroke='white' stroke-width='3' fill='none'/%3E%3C/svg%3E"); }
    body[data-page="interface"] section._00 > .container-fluid._01 #introNameContainer {
      display: flex;
      justify-content: center;
      left: initial; }
      body[data-page="interface"] section._00 > .container-fluid._01 #introNameContainer #introBG {
        width: initial;
        height: 100vh; }
      body[data-page="interface"] section._00 > .container-fluid._01 #introNameContainer > div._03 {
        left: initial; }
    body[data-page="interface"] section._01 > #prologue > .row._02 div._02 {
      margin-top: 30vh;
      text-align: center; }
      body[data-page="interface"] section._01 > #prologue > .row._02 div._02 > img._01 {
        width: 80%; }
    body[data-page="interface"] section._01 > #prologue > .row._03 > div._01 > img._01 {
      width: 70%; }
    body[data-page="interface"] section._01 > #prologue > .row._04 > div._01 {
      text-align: center; }
      body[data-page="interface"] section._01 > #prologue > .row._04 > div._01 > img._01 {
        width: 95%; }
    body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > img._01 {
      position: absolute;
      width: initial;
      height: 100vh; }
    body[data-page="interface"] section._01 > .container-fluid._02 > .row._01 > #streetText {
      position: static; }
    body[data-page="interface"] section._01 > .container._03 > .row._01 div._01 {
      margin-bottom: 37%; }
    body[data-page="interface"] section._01 > .container._03 > .row._02 > div._01 {
      margin-bottom: 30%; }
    body[data-page="interface"] section._01 > .container._03 > .row._03 > div._01 > div._02 {
      margin-bottom: 20%; }
    body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 {
      padding-top: 80vh; }
      body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 > img._01 {
        position: absolute;
        right: -25%;
        top: 0;
        height: 80vh;
        width: initial; }
      body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 #blackBack1 {
        height: 80vh;
        width: 100%; }
        body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 #blackBack1 > img._01 {
          margin-top: -12%; }
      body[data-page="interface"] section._01 > .container-fluid._04 > .row._01 > div._02 {
        left: initial;
        top: 35%; }
    body[data-page="interface"] section._01 > .container._05 > .row._01 div._01 {
      margin-bottom: 20%; }
    body[data-page="interface"] section._01 > .container._05 > .row._02 > div {
      text-align: center; }
      body[data-page="interface"] section._01 > .container._05 > .row._02 > div > img {
        width: 75%; }
    body[data-page="interface"] section._01 > .container-fluid._06 > .row > img {
      top: initial; }
    body[data-page="interface"] section._01 > .container-fluid._08 > .row._01 > img#farming {
      width: initial;
      height: 80vh; }
    body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 {
      height: 80vh;
      margin-bottom: 20vh; }
      body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 > img._01 {
        height: 100%;
        position: absolute;
        right: 0;
        width: initial; }
      body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 div#blackBack2 {
        width: 80%;
        bottom: 10%; }
      body[data-page="interface"] section._01 > .container-fluid._10 > .row._01 div._02 {
        top: 90%;
        left: initial; }
    body[data-page="interface"] section._02 > .container._01 > .row._03 > div._01 {
      text-align: center;
      margin-bottom: 12vh; }
      body[data-page="interface"] section._02 > .container._01 > .row._03 > div._01 > img {
        width: 65%; } }

@font-face {
  font-family: "bettinaFont";
  src: url("/resources/fonts/Bettina.ttf") format("truetype");
  unicode-range: U+00-FFFF; }

@font-face {
  font-family: "bettinaAccents";
  src: url("/resources/fonts/Bettina_Accents.ttf") format("truetype"); }

@font-face {
  font-family: "freewayGothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "Freeway Gothic";
  src: url("/resources/fonts/freewaygothic.ttf") format("truetype"); }

@font-face {
  font-family: "journal";
  src: url("/resources/fonts/journal.ttf") format("truetype"); }

@font-face {
  font-family: "lora";
  src: url("/resources/fonts/Lora/Lora-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LoraBold';
  src: url("/resources/fonts/Lora/Lora-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'BettinaNeue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@font-face {
  font-family: 'Bettina Neue';
  src: url("/resources/fonts/BettinaNeue.ttf") format("truetype"); }

@media screen and (max-width: 800px) {
  #endSvg {
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  #return {
    width: 70%;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%); } }

body[data-page="404"] .container {
  height: 100%; }

body[data-page="404"] h1, body[data-page="404"] p {
  color: rgba(249, 162, 22, 0.8); }

body[data-page="404"] h1 {
  font-family: 'Lora', serif;
  font-weight: bolder;
  font-size: 105px; }

body[data-page="404"] p {
  font-family: 'Lora', serif;
  font-size: 45px; }