body {
  font-size: 10px;
  background: pink;
  background: pink;
  font-family: "Yeseva One", cursive;
}

div {
  width: 100em;
  height: 55em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  background: radial-gradient(98% 98% at 50% 50%, rgba(51, 51, 51, 0.15), rgba(0, 0, 0, 0) 52%) 39% 85%/15em 4em, radial-gradient(98% 98% at 50% 50%, #333333 50%, rgba(0, 0, 0, 0) 52%) 54.5% 78.6%/1.4em 0.3em, linear-gradient(to right, #d79d61 34%, #a35d21, #8e4e1d) 54.5% 79.5%/1.2em 0.7em, linear-gradient(to right, pink, pink) 64% 14%/2em 2em, linear-gradient(to right, pink 50%, rgba(0, 0, 0, 0.2) 53%) 61.5% 27.3%/1em 4em, radial-gradient(98% 98% at 50% 50%, rgba(183, 115, 52, 0) 40%, rgba(147, 82, 30, 0.6) 50%, transparent 52%) 50% 81.5%/17em 3em, radial-gradient(98% 98% at 50% 50%, rgba(255, 0, 0, 0), rgba(51, 51, 51, 0.1) 50%, transparent 52%) 50% 81.5%/17em 3em, radial-gradient(98% 98% at 50% 50%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.1) 50%, transparent 52%) 50% 82%/17em 3em, radial-gradient(98% 98% at 50% 50%, rgba(183, 115, 52, 0.1) 40%, rgba(255, 255, 255, 0.1) 50%, transparent 52%) 50% 81.5%/17em 3em, radial-gradient(98% 98% at 50% 50%, rgba(183, 115, 52, 0) 40%, rgba(147, 82, 30, 0.5) 50%, transparent 52%) 50% 81.5%/17em 3em, radial-gradient(98% 98% at 50% 50%, #b77334 50%, rgba(0, 0, 0, 0) 52%) 50% 81.5%/17em 3em, radial-gradient(98% 98% at 50% 0%, transparent 50%, pink 52%) 50% 89%/17.2em 4em, linear-gradient(to right, #D2904D 5%, #a35d21 30%, #a35d21, #D2904D, #8e4e1d) 50% 85.2%/17em 3.5em, linear-gradient(to right, #d79d61 34%, #a35d21 35%, #a35d21, #d79d61, #8e4e1d) 50% 15%/1.4em 1.6em, radial-gradient(57% 50% at 0% 0%, rgba(255, 0, 0, 0) 6.7em, #333333 6.9em, #5e5e60 7.49em, pink 7.55em) 60% 85%/9em 8em, radial-gradient(159% 132% at -1% 110%, rgba(255, 0, 0, 0) 40%, pink 48%, #333333, rgba(51, 51, 51, 0) 53.5%) 60% 10.36%/8.5em 9em, radial-gradient(159% 132% at -1% 110%, transparent 48.4%, #333333 48%, rgba(255, 255, 255, 0.03) 53.5%, pink 56%) 60% 10.36%/8.5em 9em, radial-gradient(159% 132% at -1% 110%, transparent 48.4%, #333333 48%, #333333 53.5%, pink 56%) 60% 10.36%/8.5em 9em, linear-gradient(to top, #383839, rgba(255, 255, 255, 0.9)) 58.3% 15%/15em 0.7em, linear-gradient(to right, #383839, #383839) 58.3% 15%/15em 0.7em, linear-gradient(to right, #333, #5e5e60 60%, rgba(242, 242, 242, 0.1)) 61.88% 50%/0.8em 34em, linear-gradient(to right, #333, #5e5e60) 61.88% 50%/0.8em 34em, radial-gradient(98% 98% at 50% 0%, black 40%, transparent 52%) 50% 37.4%/19.7em 1em, radial-gradient(98% 98% at 50% 100%, rgba(51, 51, 51, 0) 50%, pink 52%) 50% 7.5%/19.7em 13em, linear-gradient(to top, rgba(26, 26, 26, 0.6), #333333 65%) 50% 18%/19.5em 13em, linear-gradient(92deg, rgba(192, 191, 196, 0.6), rgba(192, 191, 196, 0.4), rgba(192, 191, 196, 0.3), #333333 25%, #333333 62%, rgba(192, 191, 196, 0.3), rgba(192, 191, 196, 0.7), rgba(192, 191, 196, 0.1) 100%) 50% 17.3%/19.66em 13em, radial-gradient(98% 98% at 50% 0%, rgba(255, 255, 255, 0.9) 50%, pink 52%) 50% 38%/19.7em 1em, linear-gradient(to right, #333, #333) 50% 28%/19.67em 6.8em, radial-gradient(98% 98% at 50% 50%, #333333 50%, pink 50%) 50% 17.6%/20em 13em;
  background-repeat: no-repeat;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
  body {
    font-size: 5px;
  }
  body div {
    top: 55%;
  }
}