@charset "UTF-8";
body {
  background: black;
  height: 100vh;
  margin: 0;
  overflow: hidden;
}

svg {
  position: absolute;
  top: 10vh;
  height: 80vh;
  min-height: 450px;
  overflow: visible;
}

svg path {
  filter: url(#dropshadow);
}

#stage {
  height: 100%;
  perspective: 300vmin;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  transform: rotateX(10deg);
  transition: transform 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#stage svg {
  opacity: 0;
  -webkit-animation: 🏃🐲 0.75s forwards;
          animation: 🏃🐲 0.75s forwards;
}

#stage svg:nth-of-type(1) {
  transform: rotateZ(180deg) translateZ(-19vmin);
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
  fill: rgba(64, 92, 61, 0.0681818182);
}

#stage svg:nth-of-type(2) {
  transform: rotateZ(180deg) translateZ(-17vmin);
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
  fill: rgba(64, 92, 61, 0.1363636364);
}

#stage svg:nth-of-type(3) {
  transform: rotateZ(180deg) translateZ(-15vmin);
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  fill: rgba(64, 92, 61, 0.2045454545);
}

#stage svg:nth-of-type(4) {
  transform: rotateZ(180deg) translateZ(-13vmin);
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
  fill: rgba(64, 92, 61, 0.2727272727);
}

#stage svg:nth-of-type(5) {
  transform: rotateZ(180deg) translateZ(-11vmin);
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  fill: rgba(64, 92, 61, 0.3409090909);
}

#stage svg:nth-of-type(6) {
  transform: rotateZ(180deg) translateZ(-9vmin);
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
  fill: rgba(64, 92, 61, 0.4090909091);
}

#stage svg:nth-of-type(7) {
  transform: rotateZ(180deg) translateZ(-7vmin);
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  fill: rgba(64, 92, 61, 0.4772727273);
}

#stage svg:nth-of-type(8) {
  transform: rotateZ(180deg) translateZ(-5vmin);
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms;
  fill: rgba(64, 92, 61, 0.5454545455);
}

#stage svg:nth-of-type(9) {
  transform: rotateZ(180deg) translateZ(-3vmin);
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
  fill: rgba(64, 92, 61, 0.6136363636);
}

#stage svg:nth-of-type(10) {
  transform: rotateZ(180deg) translateZ(-1vmin);
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms;
  fill: rgba(64, 92, 61, 0.6818181818);
}

#stage svg:nth-of-type(11) {
  transform: rotateZ(180deg) translateZ(1vmin);
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
  fill: rgba(64, 92, 61, 0.75);
}

#stage svg:nth-of-type(12) {
  transform: rotateZ(180deg) translateZ(3vmin);
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
  fill: rgba(64, 92, 61, 0.8181818182);
}

#stage svg:nth-of-type(13) {
  transform: rotateZ(180deg) translateZ(5vmin);
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  fill: rgba(64, 92, 61, 0.8863636364);
}

#stage svg:nth-of-type(14) {
  transform: rotateZ(180deg) translateZ(7vmin);
  -webkit-animation-delay: 650ms;
          animation-delay: 650ms;
  fill: rgba(64, 92, 61, 0.9545454545);
}

#stage svg:nth-of-type(15) {
  transform: rotateZ(180deg) translateZ(9vmin);
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(16) {
  transform: rotateZ(180deg) translateZ(11vmin);
  -webkit-animation-delay: 750ms;
          animation-delay: 750ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(17) {
  transform: rotateZ(180deg) translateZ(13vmin);
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(18) {
  transform: rotateZ(180deg) translateZ(15vmin);
  -webkit-animation-delay: 850ms;
          animation-delay: 850ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(19) {
  transform: rotateZ(180deg) translateZ(17vmin);
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(20) {
  transform: rotateZ(180deg) translateZ(19vmin);
  -webkit-animation-delay: 950ms;
          animation-delay: 950ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(21) {
  transform: rotateZ(180deg) translateZ(21vmin);
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(22) {
  transform: rotateZ(180deg) translateZ(23vmin);
  -webkit-animation-delay: 1050ms;
          animation-delay: 1050ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(23) {
  transform: rotateZ(180deg) translateZ(25vmin);
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(24) {
  transform: rotateZ(180deg) translateZ(27vmin);
  -webkit-animation-delay: 1150ms;
          animation-delay: 1150ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(25) {
  transform: rotateZ(180deg) translateZ(29vmin);
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(26) {
  transform: rotateZ(180deg) translateZ(31vmin);
  -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(27) {
  transform: rotateZ(180deg) translateZ(33vmin);
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(28) {
  transform: rotateZ(180deg) translateZ(35vmin);
  -webkit-animation-delay: 1350ms;
          animation-delay: 1350ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(29) {
  transform: rotateZ(180deg) translateZ(37vmin);
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(30) {
  transform: rotateZ(180deg) translateZ(39vmin);
  -webkit-animation-delay: 1450ms;
          animation-delay: 1450ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(31) {
  transform: rotateZ(180deg) translateZ(41vmin);
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(32) {
  transform: rotateZ(180deg) translateZ(43vmin);
  -webkit-animation-delay: 1550ms;
          animation-delay: 1550ms;
  fill: #405c3d;
}

#stage svg:nth-of-type(33) {
  transform: rotateZ(180deg) translateZ(45vmin);
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
  fill: #405c3d;
}

@-webkit-keyframes 🏃🐲 {
  to {
    opacity: 1;
  }
}

@keyframes 🏃🐲 {
  to {
    opacity: 1;
  }
}