/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  margin: 0;
  padding: 0;
}

/* Remove default margin in favour of better control in authored CSS */
/* disable text selection */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
  margin-block-start: 0;
  margin: 0;
  padding: 0;
  user-select: none;
}

/* disable text selection */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd, li, td, tr {
  user-select: none;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  overflow: hidden;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}[data-v-c01386d9]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-c01386d9] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-c01386d9] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-c01386d9], h2[data-v-c01386d9], h3[data-v-c01386d9], h4[data-v-c01386d9] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-c01386d9], li[data-v-c01386d9], a[data-v-c01386d9] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-c01386d9] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-c01386d9 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-c01386d9 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-c01386d9 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-c01386d9 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-c01386d9 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-c01386d9 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-c01386d9 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-c01386d9 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-c01386d9 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.slide-wrap[data-v-c01386d9] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  filter: blur(8px);
  opacity: 0;
  transition: all 1s linear;
}
div.slide-wrap.visible[data-v-c01386d9] {
  filter: blur(0);
  opacity: 1;
}
.image[data-v-c01386d9] {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.image.zoomed[data-v-c01386d9] {
  object-fit: cover;
}
.image.zoomed.oldhickory[data-v-c01386d9] {
  animation-name: OldHickory-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.monmouth[data-v-c01386d9] {
  object-position: 0 60%;
  animation-name: zoom-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.relocate[data-v-c01386d9] {
  animation-name: RelocateOrDie-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.indianboy[data-v-c01386d9] {
  animation-name: slideup-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.keeper[data-v-c01386d9] {
  animation-name: KeeperOfFire-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.tooanahowi[data-v-c01386d9] {
  animation-name: Tooanahowi-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DvIh[data-v-c01386d9] {
  animation-name: slideleft-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DvIh.alt-2[data-v-c01386d9] {
  animation-name: slideright-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DhIv[data-v-c01386d9] {
  animation-name: slideup-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DhIv.alt-2[data-v-c01386d9] {
  animation-name: slidedown-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DhIh[data-v-c01386d9] {
  animation-name: zoom-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.image.zoomed.DvIv[data-v-c01386d9] {
  animation-name: zoom-c01386d9;
  animation-duration: var(--transition-time);
  animation-delay: 0;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
div.caption[data-v-c01386d9] {
  position: fixed;
  left: 24px;
  bottom: calc(24px + var(--button-size) + 15px);
  background-color: rgba(0, 0, 0, 0.7);
  color: #f1f1f1;
  padding: 1em;
  font-size: 1.5em;
  max-width: 80vw;
}
h1.image-heading[data-v-c01386d9] {
  font-family: "ITCStoneBoldItalic", serif;
  font-size: 1.6em;
  margin: 0;
  line-height: 1.2;
}
div.description[data-v-c01386d9] {
  font-family: "ITCStoneSansMedium", sans-serif;
  max-width: 80ch;
  margin-top: 1em;
}
p.image-artist[data-v-c01386d9] {
  font-family: "ITCStoneSansMedium", sans-serif;
  max-width: 80ch;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.5s;
}
[data-v-0eb3fd34]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-0eb3fd34] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-0eb3fd34] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-0eb3fd34], h2[data-v-0eb3fd34], h3[data-v-0eb3fd34], h4[data-v-0eb3fd34] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-0eb3fd34], li[data-v-0eb3fd34], a[data-v-0eb3fd34] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-0eb3fd34] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-0eb3fd34 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-0eb3fd34 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-0eb3fd34 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-0eb3fd34 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-0eb3fd34 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-0eb3fd34 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-0eb3fd34 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-0eb3fd34 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-0eb3fd34 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.wrapper[data-v-0eb3fd34] {
  transition: all 1s linear;
  filter: blur(8px);
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vh - 24px - var(--button-size) - 24px);
  padding-left: calc(15px + (var(--button-size)) + 3rem);
  padding-right: calc(15px + (var(--button-size)) + 3rem);
  padding-top: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
div.wrapper.visible[data-v-0eb3fd34] {
  filter: blur(0);
  opacity: 1;
}
div.grow[data-v-0eb3fd34] {
  flex-grow: 1;
}
p[data-v-0eb3fd34] {
  max-width: 80ch;
}
p.bodytext.Quote[data-v-0eb3fd34] {
  margin-top: 64px;
}
p.attribution[data-v-0eb3fd34] {
  float: right;
  padding: 0.5em;
}
div.header[data-v-0eb3fd34] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
div.lquote[data-v-0eb3fd34] {
  padding: 15px;
  opacity: 0;
}
div.lquote.Quote[data-v-0eb3fd34] {
  opacity: 1;
}
div.body[data-v-0eb3fd34] {
  flex-grow: 1;
}
div.body.Poem[data-v-0eb3fd34], div.body.Quote[data-v-0eb3fd34] {
  display: flex;
  color: #f1f1f1;
  margin-bottom: calc(var(--button-size) + 24px);
}
[data-v-0eb3fd34] p {
  font-size: 2.5em;
  max-width: 80ch;
  padding-inline: 1em;
  padding-bottom: 1em;
  color: white;
}
h1[data-v-0eb3fd34] {
  font-size: 4em;
  padding-top: 1em;
  padding-left: 0.5em;
  padding-bottom: 1em;
  color: #f1f1f1;
  opacity: 1;
}[data-v-5bf61fcd]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-5bf61fcd] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-5bf61fcd] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-5bf61fcd], h2[data-v-5bf61fcd], h3[data-v-5bf61fcd], h4[data-v-5bf61fcd] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-5bf61fcd], li[data-v-5bf61fcd], a[data-v-5bf61fcd] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-5bf61fcd] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-5bf61fcd {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-5bf61fcd {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-5bf61fcd {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-5bf61fcd {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-5bf61fcd {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-5bf61fcd {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-5bf61fcd {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-5bf61fcd {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-5bf61fcd {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.animateParent[data-v-5bf61fcd] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}[data-v-1ae9b9ae]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-1ae9b9ae] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-1ae9b9ae] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-1ae9b9ae], h2[data-v-1ae9b9ae], h3[data-v-1ae9b9ae], h4[data-v-1ae9b9ae] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-1ae9b9ae], li[data-v-1ae9b9ae], a[data-v-1ae9b9ae] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-1ae9b9ae] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-1ae9b9ae {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-1ae9b9ae {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-1ae9b9ae {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-1ae9b9ae {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-1ae9b9ae {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-1ae9b9ae {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-1ae9b9ae {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-1ae9b9ae {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-1ae9b9ae {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div[data-v-1ae9b9ae] {
  background-color: #f5e7ce;
  background-color: black;
  filter: grayscale(80%) contrast(0.5);
  overflow: hidden;
  user-select: none;
  -webkit-user-drag: none;
  transition: all 0.3s ease-in-out;
  width: var(--1915d76c);
  height: var(--1915d76c);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f5e7ce;
}
div.selected[data-v-1ae9b9ae] {
  filter: none;
}
div > svg[data-v-1ae9b9ae] {
  padding: 0.5em;
}
div > svg.poem[data-v-1ae9b9ae] {
  padding-top: 1.2em;
}
div > svg path[data-v-1ae9b9ae] {
  fill: #f5e7ce;
}
h1[data-v-1ae9b9ae] {
  padding-top: 0.27em;
  font-family: "ITCStoneInformalMedium";
  font-size: 3.5em;
}[data-v-1158b374]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-1158b374] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-1158b374] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-1158b374], h2[data-v-1158b374], h3[data-v-1158b374], h4[data-v-1158b374] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-1158b374], li[data-v-1158b374], a[data-v-1158b374] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-1158b374] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-1158b374 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-1158b374 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-1158b374 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-1158b374 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-1158b374 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-1158b374 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-1158b374 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-1158b374 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-1158b374 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
.image[data-v-1158b374] {
  object-fit: cover;
  filter: grayscale(80%) contrast(0.5);
  overflow: hidden;
  user-select: none;
  -webkit-user-drag: none;
  transition: all 0.3s ease-in-out;
  width: var(--135b35fa);
  height: var(--135b35fa);
}
.image.selected[data-v-1158b374] {
  filter: none;
}[data-v-83c92a3e]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-83c92a3e] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-83c92a3e] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-83c92a3e], h2[data-v-83c92a3e], h3[data-v-83c92a3e], h4[data-v-83c92a3e] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-83c92a3e], li[data-v-83c92a3e], a[data-v-83c92a3e] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-83c92a3e] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-83c92a3e {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-83c92a3e {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-83c92a3e {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-83c92a3e {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-83c92a3e {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-83c92a3e {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-83c92a3e {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-83c92a3e {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-83c92a3e {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.strip-container[data-v-83c92a3e] {
  flex-grow: 1;
}
div.draggable[data-v-83c92a3e] {
  position: fixed;
  bottom: 24px;
  left: calc(var(--button-size) + 15px);
  width: calc(100vw - var(--button-size) * 2 - 30px);
  height: var(--button-size);
  pointer-events: auto;
  touch-action: pan-x;
}
div.thumb-strip[data-v-83c92a3e] {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
  transform: translateX(var(--4da76bf8));
}
div.thumb-container[data-v-83c92a3e] {
  width: 100vw;
  position: absolute;
  bottom: 0;
}
div.caret[data-v-83c92a3e] {
  border: 4px solid #c6810e;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  width: var(--305f3859);
  height: var(--305f3859);
  transform-origin: center;
  bottom: 24px;
  left: calc(50vw - var(--305f3859) / 2);
}[data-v-81062bb8]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-81062bb8] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-81062bb8] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-81062bb8], h2[data-v-81062bb8], h3[data-v-81062bb8], h4[data-v-81062bb8] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-81062bb8], li[data-v-81062bb8], a[data-v-81062bb8] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-81062bb8] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-81062bb8 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-81062bb8 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-81062bb8 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-81062bb8 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-81062bb8 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-81062bb8 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-81062bb8 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-81062bb8 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-81062bb8 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
svg[data-v-81062bb8] {
  pointer-events: none;
  overflow: visible;
}
path[data-v-81062bb8] {
  stroke: none;
}
path[data-v-81062bb8],
ellipse[data-v-81062bb8],
circle[data-v-81062bb8] {
  fill: #f1f1f1;
}
rect.backdrop[data-v-81062bb8] {
  fill: #c6810e;
}
rect.backdrop.active[data-v-81062bb8] {
  fill: black;
}
rect.border[data-v-81062bb8] {
  fill: none;
  stroke: #c6810e;
  stroke-width: 5px;
}
g.Burger g[data-v-81062bb8],
g.zoom g[data-v-81062bb8] {
  opacity: 0;
}
g.Burger g.visible[data-v-81062bb8],
g.zoom g.visible[data-v-81062bb8] {
  opacity: 1;
}
.outer-path[data-v-81062bb8] {
  stroke: #fff;
  stroke-width: 1.76px;
}[data-v-8aad9830]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-8aad9830] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-8aad9830] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-8aad9830], h2[data-v-8aad9830], h3[data-v-8aad9830], h4[data-v-8aad9830] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-8aad9830], li[data-v-8aad9830], a[data-v-8aad9830] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-8aad9830] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-8aad9830 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-8aad9830 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-8aad9830 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-8aad9830 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-8aad9830 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-8aad9830 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-8aad9830 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-8aad9830 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-8aad9830 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.button-bar-wrap[data-v-8aad9830] {
  position: relative;
  width: var(--button-size);
}
div.button-bar[data-v-8aad9830] {
  width: var(--button-size);
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  row-gap: 15px;
}
.button-sq[data-v-8aad9830] {
  box-sizing: content-box;
  background-color: #007bff;
  color: #f1f1f1;
  width: var(--button-size);
  height: var(--button-size);
  font-size: 2em;
}
.button-sq.selected[data-v-8aad9830] {
  border: 2px solid gold;
  background-color: aqua;
  box-sizing: border-box;
}
.button-sq.action[data-v-8aad9830] {
  pointer-events: none;
  transition: transform 0.3s linear;
  transform-origin: center;
  pointer-events: all;
}
.button-sq.action[data-v-8aad9830]:nth-child(1) {
  transition-delay: 0.3s;
}
.button-sq.action[data-v-8aad9830]:nth-child(2) {
  transition-delay: 0.2s;
}
.button-sq.action[data-v-8aad9830]:nth-child(3) {
  transition-delay: 0.1s;
}
.button-sq.menu[data-v-8aad9830] {
  position: relative;
}
.button-sq.menu div.changed[data-v-8aad9830] {
  width: calc(var(--button-size) / 3);
  height: calc(var(--button-size) / 3);
  border-radius: calc(var(--button-size) / 3 / 2);
  background-color: #f1f1f1;
  position: absolute;
  left: calc(var(--button-size) / 3 * -0.33);
  top: calc(var(--button-size) / 3 * -0.33);
}[data-v-2bd41ed1]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-2bd41ed1] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-2bd41ed1] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-2bd41ed1], h2[data-v-2bd41ed1], h3[data-v-2bd41ed1], h4[data-v-2bd41ed1] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-2bd41ed1], li[data-v-2bd41ed1], a[data-v-2bd41ed1] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-2bd41ed1] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-2bd41ed1 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-2bd41ed1 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-2bd41ed1 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-2bd41ed1 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-2bd41ed1 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-2bd41ed1 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-2bd41ed1 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-2bd41ed1 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-2bd41ed1 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
button.resume[data-v-2bd41ed1] {
  flex-grow: 1;
}
div.ui-overlay[data-v-2bd41ed1] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div.fill[data-v-2bd41ed1] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
button[data-v-2bd41ed1] {
  background-color: transparent;
  border: none;
}
button.resume[data-v-2bd41ed1] {
  color: white;
}
button.nav[data-v-2bd41ed1] {
  width: calc(var(--button-size) + 30px);
  display: flex;
  align-items: center;
  justify-content: center;
}
div.footer[data-v-2bd41ed1] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
div.button-sq[data-v-2bd41ed1] {
  height: var(--button-size);
  width: var(--button-size);
  box-sizing: content-box;
}
svg.arrow[data-v-2bd41ed1] {
  fill: #f1f1f1;
  stroke: black;
  stroke-width: 1px;
  width: var(--button-size);
  height: var(--button-size);
  overflow: visible;
}
svg.arrow.right[data-v-2bd41ed1] {
  transform: rotate(180deg);
}[data-v-202c9753]:root {
  --caption-width: 100vw;
}
:root.horizontal[data-v-202c9753] {
  --display-orientation: "horizontal"
  --caption-width: 33vw;
}
:root.vertical[data-v-202c9753] {
  --display-orientation: "vertical"
  --caption-width: 66vw;
}
@font-face {
  font-family: "ITCStoneInformalMedium";
  src: url("./ITC%20Stone%20Informal%20Std%20Medium-BW0NfnUa.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneInformalSemiBold";
  src: url("./ITC%20Stone%20Informal%20Std%20Semibold-MCiQ8mVD.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneSansMedium";
  src: url("./ITC%20-%20StoneSansITCStd-Medium-Dt286w4X.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ITCStoneBoldItalic";
  src: url("./ITC%20Stone%20Informal%20Std%20Bold%20Italic-CUReAXno.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
h1[data-v-202c9753], h2[data-v-202c9753], h3[data-v-202c9753], h4[data-v-202c9753] {
  font-family: "ITCStoneInformalMedium", serif;
}
p[data-v-202c9753], li[data-v-202c9753], a[data-v-202c9753] {
  font-family: "ITCStoneSansMedium", sans-serif;
}
[data-v-202c9753] p {
  font-family: "ITCStoneSansMedium", sans-serif;
}
@keyframes zoom-202c9753 {
from {
    transform: scale(1);
}
to {
    transform: scale(1.1);
}
}
@keyframes slideleft-202c9753 {
from {
    object-position: 20% 0;
}
to {
    object-position: 80% 0;
}
}
@keyframes slideright-202c9753 {
from {
    object-position: 80% 0;
}
to {
    object-position: 20% 0;
}
}
@keyframes slidedown-202c9753 {
from {
    object-position: 0 20%;
}
to {
    object-position: 0 80%;
}
}
@keyframes slideup-202c9753 {
from {
    object-position: 0 80%;
}
to {
    object-position: 0 20%;
}
}
@keyframes Tooanahowi-202c9753 {
from {
    object-position: right center;
    transform: scale(1);
}
to {
    object-position: right center;
    transform: translateX(10%) scale(1.1);
}
}
@keyframes KeeperOfFire-202c9753 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center 10%;
    transform: scale(1.5);
}
}
@keyframes RelocateOrDie-202c9753 {
from {
    object-position: center top;
    transform: scale(1);
}
to {
    object-position: center top;
    transform: translateX(-20%) translateY(25%) scale(1.5);
}
}
@keyframes OldHickory-202c9753 {
from {
    object-position: 0 66%;
    transform: scale(1);
}
to {
    object-position: 0 64%;
    transform: scale(1.2);
}
}
div.wrapper[data-v-202c9753] {
  position: relative;
  background-color: black;
  width: 100vw;
  height: 100vh;
}
div.cta-wrap[data-v-202c9753] {
  opacity: 1;
  transition: opacity 1s linear;
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: "ITCStoneInformalMedium", serif;
  font-size: 2em;
  padding-bottom: 1em;
  color: #f1f1f1;
  z-index: 10000;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5), 2px 2px 4px rgba(0, 0, 0, 0.5), 4px 4px 12px rgba(0, 0, 0, 0.5);
}
div.cta-wrap.hidden #hand[data-v-202c9753] {
  opacity: 0;
}
div.cta-wrap #hand[data-v-202c9753] {
  transform: translate(30px, 130px) rotate(0deg);
  opacity: 0;
  position: absolute;
  width: 80px;
  height: 95px;
  right: 10px;
  bottom: 20px;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2020.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20145.2%20174.7'%20style='enable-background:new%200%200%20145.2%20174.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{stroke:%23000000;fill:%23ffffff;stroke-width:3px;stroke-miterlimit:10;}%20%3c/style%3e%3cpath%20class='st0'%20d='M34.5,100.8c0,0-12-31.8-21.1-56C8.6,32,4.7,21.3,3.8,18.5C1.2,10.3,4.5,4.2,9.2,2.6c4.8-1.6,12,2.1,14.7,8.5%20c1.4,3.3,7,15.5,12.5,27.5c5,11.1,9.9,22,11,25.7c0.4-6.2,0.1-13.5,9.4-16c7.7-2.1,12.6,2,17.1,10.1c1.1-6.3,4.4-9.2,10-9.2%20c4.3,0,11.9-0.2,17.8,11c0.5-5,5.4-6.9,7.9-7.2c6.2-0.7,13.1,1.2,16.8,7.9c6.5,11.8,16.2,42.5,15.6,84.3%20c-11.8,11.2-60.3,25.3-70.1,27.1c-12.8-11-32.3-21.7-37.6-27c-5.3-5.3-15.2-14.9-18.7-21.9c-3.5-7.1-6.4-9.3-6.9-16.4%20c-0.6-7.1,2-14.4,1.7-27.1c-0.1-5.3-4.4-9.1,0.6-11.2c8.2-3.5,12.9,4.3,12.9,4.3L34.5,100.8z'/%3e%3c/svg%3e") no-repeat;
  animation: handcta-202c9753 15s infinite;
  transform-origin: 70% 90%;
}
div.cta-wrap #text[data-v-202c9753] {
  font-size: 2em;
}
@keyframes handcta-202c9753 {
0%, 20%, 100% {
    transform: translate(30px, 130px) rotate(0deg);
    opacity: 0;
}
7%, 13% {
    transform: translate(0px, 0px) rotate(-12deg);
    opacity: 1;
}
10% {
    transform: translate(0px, 0px) rotate(-30deg);
}
}