body {
  background: #f3d354;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 800px;
  font-family: "Anton", sans-serif;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.5);
}

#table {
  transform-style: preserve-3d;
  -webkit-animation: cameraVertical 12000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
          animation: cameraVertical 12000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite alternate;
}
#table .camera {
  transform-style: preserve-3d;
  -webkit-animation: cameraHorizontal 20000ms linear infinite;
          animation: cameraHorizontal 20000ms linear infinite;
}
#table .copy {
  position: absolute;
  white-space: nowrap;
  transform-origin: 50% 100%;
  transform: translateX(-50%) translateY(-250px) rotateX(-50deg);
}
#table .dishes {
  transform-style: preserve-3d;
  transform: translate(-100px, -100px);
}
#table .dishes .dish {
  transform-style: preserve-3d;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  background: #fb75ff;
  border-radius: 100%;
  box-sizing: border-box;
  transform: translateX(1500px) translateY(400px);
}
#table .dishes .dish::before {
  display: block;
  content: "";
  width: 150px;
  height: 150px;
  background: #d14ed5;
  border-radius: 100%;
}
#table .dishes .dish::after {
  position: absolute;
  display: block;
  content: "";
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  transform: translateZ(-10px);
}
#table .dishes .dish:nth-child(1) {
  -webkit-animation: dishSlide 10000ms -3000ms linear infinite;
          animation: dishSlide 10000ms -3000ms linear infinite;
}
#table .dishes .dish:nth-child(2) {
  -webkit-animation: dishSlide 10000ms -2000ms linear infinite;
          animation: dishSlide 10000ms -2000ms linear infinite;
}
#table .dishes .dish:nth-child(3) {
  -webkit-animation: dishSlide 10000ms -1000ms linear infinite;
          animation: dishSlide 10000ms -1000ms linear infinite;
}
#table .dishes .dish:nth-child(4) {
  -webkit-animation: dishSlide 10000ms 0ms linear infinite;
          animation: dishSlide 10000ms 0ms linear infinite;
}
#table .dishes .dish:nth-child(5) {
  -webkit-animation: dishSlide 10000ms 1000ms linear infinite;
          animation: dishSlide 10000ms 1000ms linear infinite;
}
#table .dishes .dish:nth-child(6) {
  -webkit-animation: dishSlide 10000ms 2000ms linear infinite;
          animation: dishSlide 10000ms 2000ms linear infinite;
}
#table .dishes .dish:nth-child(7) {
  -webkit-animation: dishSlide 10000ms 3000ms linear infinite;
          animation: dishSlide 10000ms 3000ms linear infinite;
}
#table .dishes .dish:nth-child(8) {
  -webkit-animation: dishSlide 10000ms 4000ms linear infinite;
          animation: dishSlide 10000ms 4000ms linear infinite;
}
#table .dishes .dish:nth-child(9) {
  -webkit-animation: dishSlide 10000ms 5000ms linear infinite;
          animation: dishSlide 10000ms 5000ms linear infinite;
}
#table .dishes .dish:nth-child(10) {
  -webkit-animation: dishSlide 10000ms 6000ms linear infinite;
          animation: dishSlide 10000ms 6000ms linear infinite;
}
#table .cakes {
  transform-style: preserve-3d;
  transform: translate(-25px, -25px);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(1) {
  -webkit-animation: cakeSlide 10000ms -3000ms linear infinite;
          animation: cakeSlide 10000ms -3000ms linear infinite;
}
#table .cakes .cake:nth-child(1) .fork {
  -webkit-animation: sting1 10000ms -3000ms linear infinite;
          animation: sting1 10000ms -3000ms linear infinite;
}
@-webkit-keyframes sting1 {
  0% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(5px);
  }
  100% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(5px);
  }
}
@keyframes sting1 {
  0% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(5px);
  }
  100% {
    transform: rotateX(-98deg) rotateY(195deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(1) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #9fee7d;
  transform-style: preserve-3d;
  transform: translateZ(19px);
}
#table .cakes .cake:nth-child(1) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #81d05f;
  transform: translateZ(-19px);
}
#table .cakes .cake:nth-child(1) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #95e473;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(1) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #8bda69;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(1) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #95e473;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(1) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #8bda69;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(1) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #d07e82;
  transform-style: preserve-3d;
  transform: translateZ(19px);
}
#table .cakes .cake:nth-child(1) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #b26064;
  transform: translateZ(-19px);
}
#table .cakes .cake:nth-child(1) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #c67478;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(1) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #bc6a6e;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(1) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #c67478;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(1) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #bc6a6e;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(1) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #dbe1e3;
  transform-style: preserve-3d;
  transform: translateZ(12px);
}
#table .cakes .cake:nth-child(1) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #bdc3c5;
  transform: translateZ(-12px);
}
#table .cakes .cake:nth-child(1) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  background: #d1d7d9;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(1) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 12px;
  height: 100%;
  background: #c7cdcf;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(1) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  background: #d1d7d9;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(1) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 12px;
  height: 100%;
  background: #c7cdcf;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(2) {
  -webkit-animation: cakeSlide 10000ms -2000ms linear infinite;
          animation: cakeSlide 10000ms -2000ms linear infinite;
}
#table .cakes .cake:nth-child(2) .fork {
  -webkit-animation: sting2 10000ms -2000ms linear infinite;
          animation: sting2 10000ms -2000ms linear infinite;
}
@-webkit-keyframes sting2 {
  0% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(5px);
  }
  100% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(5px);
  }
}
@keyframes sting2 {
  0% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(5px);
  }
  100% {
    transform: rotateX(-66deg) rotateY(2deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(2) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #f37acf;
  transform-style: preserve-3d;
  transform: translateZ(27px);
}
#table .cakes .cake:nth-child(2) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #d55cb1;
  transform: translateZ(-27px);
}
#table .cakes .cake:nth-child(2) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 27px;
  background: #e970c5;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(2) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 27px;
  height: 100%;
  background: #df66bb;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(2) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 27px;
  background: #e970c5;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(2) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 27px;
  height: 100%;
  background: #df66bb;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(2) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #8da1b0;
  transform-style: preserve-3d;
  transform: translateZ(27px);
}
#table .cakes .cake:nth-child(2) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #6f8392;
  transform: translateZ(-27px);
}
#table .cakes .cake:nth-child(2) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 27px;
  background: #8397a6;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(2) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 27px;
  height: 100%;
  background: #798d9c;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(2) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 27px;
  background: #8397a6;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(2) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 27px;
  height: 100%;
  background: #798d9c;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(2) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #78f1c7;
  transform-style: preserve-3d;
  transform: translateZ(13px);
}
#table .cakes .cake:nth-child(2) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #5ad3a9;
  transform: translateZ(-13px);
}
#table .cakes .cake:nth-child(2) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  background: #6ee7bd;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(2) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 13px;
  height: 100%;
  background: #64ddb3;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(2) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  background: #6ee7bd;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(2) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 13px;
  height: 100%;
  background: #64ddb3;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(3) {
  -webkit-animation: cakeSlide 10000ms -1000ms linear infinite;
          animation: cakeSlide 10000ms -1000ms linear infinite;
}
#table .cakes .cake:nth-child(3) .fork {
  -webkit-animation: sting3 10000ms -1000ms linear infinite;
          animation: sting3 10000ms -1000ms linear infinite;
}
@-webkit-keyframes sting3 {
  0% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(5px);
  }
  100% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(5px);
  }
}
@keyframes sting3 {
  0% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(5px);
  }
  100% {
    transform: rotateX(-98deg) rotateY(315deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(3) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #dabfe5;
  transform-style: preserve-3d;
  transform: translateZ(23px);
}
#table .cakes .cake:nth-child(3) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #bca1c7;
  transform: translateZ(-23px);
}
#table .cakes .cake:nth-child(3) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 23px;
  background: #d0b5db;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(3) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 23px;
  height: 100%;
  background: #c6abd1;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(3) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 23px;
  background: #d0b5db;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(3) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 23px;
  height: 100%;
  background: #c6abd1;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(3) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #ead67e;
  transform-style: preserve-3d;
  transform: translateZ(9px);
}
#table .cakes .cake:nth-child(3) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #ccb860;
  transform: translateZ(-9px);
}
#table .cakes .cake:nth-child(3) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #e0cc74;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(3) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #d6c26a;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(3) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #e0cc74;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(3) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #d6c26a;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(3) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #e9ae95;
  transform-style: preserve-3d;
  transform: translateZ(9px);
}
#table .cakes .cake:nth-child(3) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #cb9077;
  transform: translateZ(-9px);
}
#table .cakes .cake:nth-child(3) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #dfa48b;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(3) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #d59a81;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(3) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #dfa48b;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(3) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #d59a81;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(4) {
  -webkit-animation: cakeSlide 10000ms 0ms linear infinite;
          animation: cakeSlide 10000ms 0ms linear infinite;
}
#table .cakes .cake:nth-child(4) .fork {
  -webkit-animation: sting4 10000ms 0ms linear infinite;
          animation: sting4 10000ms 0ms linear infinite;
}
@-webkit-keyframes sting4 {
  0% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(5px);
  }
  100% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(5px);
  }
}
@keyframes sting4 {
  0% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(5px);
  }
  100% {
    transform: rotateX(-69deg) rotateY(209deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(4) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #6fc8f5;
  transform-style: preserve-3d;
  transform: translateZ(24px);
}
#table .cakes .cake:nth-child(4) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #51aad7;
  transform: translateZ(-24px);
}
#table .cakes .cake:nth-child(4) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  background: #65beeb;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(4) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 24px;
  height: 100%;
  background: #5bb4e1;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(4) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  background: #65beeb;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(4) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 24px;
  height: 100%;
  background: #5bb4e1;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(4) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a56e9a;
  transform-style: preserve-3d;
  transform: translateZ(20px);
}
#table .cakes .cake:nth-child(4) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #87507c;
  transform: translateZ(-20px);
}
#table .cakes .cake:nth-child(4) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #9b6490;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(4) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background: #915a86;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(4) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #9b6490;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(4) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background: #915a86;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(4) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #b6accf;
  transform-style: preserve-3d;
  transform: translateZ(13px);
}
#table .cakes .cake:nth-child(4) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #988eb1;
  transform: translateZ(-13px);
}
#table .cakes .cake:nth-child(4) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  background: #aca2c5;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(4) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 13px;
  height: 100%;
  background: #a298bb;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(4) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  background: #aca2c5;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(4) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 13px;
  height: 100%;
  background: #a298bb;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(5) {
  -webkit-animation: cakeSlide 10000ms 1000ms linear infinite;
          animation: cakeSlide 10000ms 1000ms linear infinite;
}
#table .cakes .cake:nth-child(5) .fork {
  -webkit-animation: sting5 10000ms 1000ms linear infinite;
          animation: sting5 10000ms 1000ms linear infinite;
}
@-webkit-keyframes sting5 {
  0% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(5px);
  }
  100% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(5px);
  }
}
@keyframes sting5 {
  0% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(5px);
  }
  100% {
    transform: rotateX(-88deg) rotateY(170deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(5) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #c3ede8;
  transform-style: preserve-3d;
  transform: translateZ(23px);
}
#table .cakes .cake:nth-child(5) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a5cfca;
  transform: translateZ(-23px);
}
#table .cakes .cake:nth-child(5) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 23px;
  background: #b9e3de;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(5) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 23px;
  height: 100%;
  background: #afd9d4;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(5) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 23px;
  background: #b9e3de;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(5) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 23px;
  height: 100%;
  background: #afd9d4;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(5) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a87ea8;
  transform-style: preserve-3d;
  transform: translateZ(15px);
}
#table .cakes .cake:nth-child(5) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #8a608a;
  transform: translateZ(-15px);
}
#table .cakes .cake:nth-child(5) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background: #9e749e;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(5) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 15px;
  height: 100%;
  background: #946a94;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(5) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background: #9e749e;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(5) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 15px;
  height: 100%;
  background: #946a94;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(5) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #6ab29f;
  transform-style: preserve-3d;
  transform: translateZ(21px);
}
#table .cakes .cake:nth-child(5) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #4c9481;
  transform: translateZ(-21px);
}
#table .cakes .cake:nth-child(5) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 21px;
  background: #60a895;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(5) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 21px;
  height: 100%;
  background: #569e8b;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(5) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 21px;
  background: #60a895;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(5) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 21px;
  height: 100%;
  background: #569e8b;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(6) {
  -webkit-animation: cakeSlide 10000ms 2000ms linear infinite;
          animation: cakeSlide 10000ms 2000ms linear infinite;
}
#table .cakes .cake:nth-child(6) .fork {
  -webkit-animation: sting6 10000ms 2000ms linear infinite;
          animation: sting6 10000ms 2000ms linear infinite;
}
@-webkit-keyframes sting6 {
  0% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(5px);
  }
  100% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(5px);
  }
}
@keyframes sting6 {
  0% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(5px);
  }
  100% {
    transform: rotateX(-99deg) rotateY(80deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(6) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #9fbd65;
  transform-style: preserve-3d;
  transform: translateZ(16px);
}
#table .cakes .cake:nth-child(6) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #819f47;
  transform: translateZ(-16px);
}
#table .cakes .cake:nth-child(6) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: #95b35b;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(6) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 16px;
  height: 100%;
  background: #8ba951;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(6) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: #95b35b;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(6) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 16px;
  height: 100%;
  background: #8ba951;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(6) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #d47c7c;
  transform-style: preserve-3d;
  transform: translateZ(25px);
}
#table .cakes .cake:nth-child(6) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #b65e5e;
  transform: translateZ(-25px);
}
#table .cakes .cake:nth-child(6) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 25px;
  background: #ca7272;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(6) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 25px;
  height: 100%;
  background: #c06868;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(6) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 25px;
  background: #ca7272;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(6) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 25px;
  height: 100%;
  background: #c06868;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(6) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #bc85e0;
  transform-style: preserve-3d;
  transform: translateZ(5px);
}
#table .cakes .cake:nth-child(6) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #9e67c2;
  transform: translateZ(-5px);
}
#table .cakes .cake:nth-child(6) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #b27bd6;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(6) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #a871cc;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(6) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #b27bd6;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(6) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #a871cc;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(7) {
  -webkit-animation: cakeSlide 10000ms 3000ms linear infinite;
          animation: cakeSlide 10000ms 3000ms linear infinite;
}
#table .cakes .cake:nth-child(7) .fork {
  -webkit-animation: sting7 10000ms 3000ms linear infinite;
          animation: sting7 10000ms 3000ms linear infinite;
}
@-webkit-keyframes sting7 {
  0% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(5px);
  }
  100% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(5px);
  }
}
@keyframes sting7 {
  0% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(5px);
  }
  100% {
    transform: rotateX(-67deg) rotateY(263deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(7) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #dfa8ac;
  transform-style: preserve-3d;
  transform: translateZ(32px);
}
#table .cakes .cake:nth-child(7) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #c18a8e;
  transform: translateZ(-32px);
}
#table .cakes .cake:nth-child(7) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 32px;
  background: #d59ea2;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(7) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 32px;
  height: 100%;
  background: #cb9498;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(7) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 32px;
  background: #d59ea2;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(7) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 32px;
  height: 100%;
  background: #cb9498;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(7) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a6a8eb;
  transform-style: preserve-3d;
  transform: translateZ(7px);
}
#table .cakes .cake:nth-child(7) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #888acd;
  transform: translateZ(-7px);
}
#table .cakes .cake:nth-child(7) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  background: #9c9ee1;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(7) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 7px;
  height: 100%;
  background: #9294d7;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(7) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  background: #9c9ee1;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(7) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 7px;
  height: 100%;
  background: #9294d7;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(7) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #c0f5d5;
  transform-style: preserve-3d;
  transform: translateZ(30px);
}
#table .cakes .cake:nth-child(7) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a2d7b7;
  transform: translateZ(-30px);
}
#table .cakes .cake:nth-child(7) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background: #b6ebcb;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(7) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  background: #ace1c1;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(7) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background: #b6ebcb;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(7) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  background: #ace1c1;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(8) {
  -webkit-animation: cakeSlide 10000ms 4000ms linear infinite;
          animation: cakeSlide 10000ms 4000ms linear infinite;
}
#table .cakes .cake:nth-child(8) .fork {
  -webkit-animation: sting8 10000ms 4000ms linear infinite;
          animation: sting8 10000ms 4000ms linear infinite;
}
@-webkit-keyframes sting8 {
  0% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(5px);
  }
  100% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(5px);
  }
}
@keyframes sting8 {
  0% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(5px);
  }
  100% {
    transform: rotateX(-97deg) rotateY(129deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(8) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #cff98f;
  transform-style: preserve-3d;
  transform: translateZ(16px);
}
#table .cakes .cake:nth-child(8) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #b1db71;
  transform: translateZ(-16px);
}
#table .cakes .cake:nth-child(8) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: #c5ef85;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(8) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 16px;
  height: 100%;
  background: #bbe57b;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(8) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: #c5ef85;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(8) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 16px;
  height: 100%;
  background: #bbe57b;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(8) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #98aa89;
  transform-style: preserve-3d;
  transform: translateZ(22px);
}
#table .cakes .cake:nth-child(8) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #7a8c6b;
  transform: translateZ(-22px);
}
#table .cakes .cake:nth-child(8) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 22px;
  background: #8ea07f;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(8) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 22px;
  height: 100%;
  background: #849675;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(8) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 22px;
  background: #8ea07f;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(8) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 22px;
  height: 100%;
  background: #849675;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(8) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #86c7e2;
  transform-style: preserve-3d;
  transform: translateZ(11px);
}
#table .cakes .cake:nth-child(8) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #68a9c4;
  transform: translateZ(-11px);
}
#table .cakes .cake:nth-child(8) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 11px;
  background: #7cbdd8;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(8) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 11px;
  height: 100%;
  background: #72b3ce;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(8) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 11px;
  background: #7cbdd8;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(8) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 11px;
  height: 100%;
  background: #72b3ce;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(9) {
  -webkit-animation: cakeSlide 10000ms 5000ms linear infinite;
          animation: cakeSlide 10000ms 5000ms linear infinite;
}
#table .cakes .cake:nth-child(9) .fork {
  -webkit-animation: sting9 10000ms 5000ms linear infinite;
          animation: sting9 10000ms 5000ms linear infinite;
}
@-webkit-keyframes sting9 {
  0% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(5px);
  }
  100% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(5px);
  }
}
@keyframes sting9 {
  0% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(5px);
  }
  100% {
    transform: rotateX(-63deg) rotateY(347deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(9) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #de9195;
  transform-style: preserve-3d;
  transform: translateZ(28px);
}
#table .cakes .cake:nth-child(9) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #c07377;
  transform: translateZ(-28px);
}
#table .cakes .cake:nth-child(9) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 28px;
  background: #d4878b;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(9) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 28px;
  height: 100%;
  background: #ca7d81;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(9) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 28px;
  background: #d4878b;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(9) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 28px;
  height: 100%;
  background: #ca7d81;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(9) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #77e86c;
  transform-style: preserve-3d;
  transform: translateZ(30px);
}
#table .cakes .cake:nth-child(9) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #59ca4e;
  transform: translateZ(-30px);
}
#table .cakes .cake:nth-child(9) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background: #6dde62;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(9) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  background: #63d458;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(9) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background: #6dde62;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(9) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  background: #63d458;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(9) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #c6aa92;
  transform-style: preserve-3d;
  transform: translateZ(31px);
}
#table .cakes .cake:nth-child(9) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #a88c74;
  transform: translateZ(-31px);
}
#table .cakes .cake:nth-child(9) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 31px;
  background: #bca088;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(9) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 31px;
  height: 100%;
  background: #b2967e;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(9) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 31px;
  background: #bca088;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(9) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 31px;
  height: 100%;
  background: #b2967e;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake {
  transform-style: preserve-3d;
  transform: translateX(0px) translateZ(1000px);
}
#table .cakes .cake .cake_tower {
  position: absolute;
  transform-style: preserve-3d;
  transform: rotateZ(45deg);
  width: 50px;
  height: 50px;
}
#table .cakes .cake .fork {
  position: absolute;
  top: -25px;
  left: 23px;
  width: 4px;
  height: 50px;
  background: #fff;
  border-radius: 10px 10px 100% 100%;
  transform-origin: 50% 100%;
  transform: rotateX(-90deg) translateX(-2px) translateY(-1000px);
}
#table .cakes .cake .fork::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 16px;
  height: 20px;
  border-top: 6px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  box-sizing: border-box;
  border-radius: 50% 50% 30% 30%;
}
#table .cakes .cake:nth-child(10) {
  -webkit-animation: cakeSlide 10000ms 6000ms linear infinite;
          animation: cakeSlide 10000ms 6000ms linear infinite;
}
#table .cakes .cake:nth-child(10) .fork {
  -webkit-animation: sting10 10000ms 6000ms linear infinite;
          animation: sting10 10000ms 6000ms linear infinite;
}
@-webkit-keyframes sting10 {
  0% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(5px);
  }
  100% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(5px);
  }
}
@keyframes sting10 {
  0% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(-1000px);
  }
  40% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(-1000px);
  }
  55% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(5px);
  }
  100% {
    transform: rotateX(-99deg) rotateY(60deg) translateY(5px);
  }
}
#table .cakes .cake:nth-child(10) .cake_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #acfa90;
  transform-style: preserve-3d;
  transform: translateZ(19px);
}
#table .cakes .cake:nth-child(10) .cake_1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #8edc72;
  transform: translateZ(-19px);
}
#table .cakes .cake:nth-child(10) .cake_1 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #a2f086;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(10) .cake_1 .wall_2 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #98e67c;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(10) .cake_1 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 19px;
  background: #a2f086;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(10) .cake_1 .wall_4 {
  content: "";
  position: absolute;
  width: 19px;
  height: 100%;
  background: #98e67c;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(10) .cake_2 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #6ab599;
  transform-style: preserve-3d;
  transform: translateZ(9px);
}
#table .cakes .cake:nth-child(10) .cake_2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #4c977b;
  transform: translateZ(-9px);
}
#table .cakes .cake:nth-child(10) .cake_2 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #60ab8f;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(10) .cake_2 .wall_2 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #56a185;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(10) .cake_2 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #60ab8f;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(10) .cake_2 .wall_4 {
  content: "";
  position: absolute;
  width: 9px;
  height: 100%;
  background: #56a185;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}
#table .cakes .cake:nth-child(10) .cake_3 {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #b5dceb;
  transform-style: preserve-3d;
  transform: translateZ(4px);
}
#table .cakes .cake:nth-child(10) .cake_3::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #97becd;
  transform: translateZ(-4px);
}
#table .cakes .cake:nth-child(10) .cake_3 .wall_1 {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #abd2e1;
  bottom: 0;
  transform-origin: 0 0;
  transform: translateY(100%) rotateX(-90deg);
}
#table .cakes .cake:nth-child(10) .cake_3 .wall_2 {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #a1c8d7;
  right: 0;
  transform-origin: 0 0;
  transform: translateX(100%) rotateY(90deg);
}
#table .cakes .cake:nth-child(10) .cake_3 .wall_3 {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #abd2e1;
  top: 0;
  transform-origin: 0 100%;
  transform: translateY(-100%) rotateX(90deg);
}
#table .cakes .cake:nth-child(10) .cake_3 .wall_4 {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #a1c8d7;
  left: 0;
  transform-origin: 100% 0;
  transform: translateX(-100%) rotateY(-90deg);
}

@-webkit-keyframes dishSlide {
  0% {
    transform: translateX(1500px);
  }
  100% {
    transform: translateX(-1500px);
  }
}

@keyframes dishSlide {
  0% {
    transform: translateX(1500px);
  }
  100% {
    transform: translateX(-1500px);
  }
}
@-webkit-keyframes cakeSlide {
  0% {
    transform: translateX(0px) translateZ(1000px);
  }
  50% {
    transform: translateX(0px) translateZ(0px);
  }
  100% {
    transform: translateX(-1500px) translateZ(0px);
  }
}
@keyframes cakeSlide {
  0% {
    transform: translateX(0px) translateZ(1000px);
  }
  50% {
    transform: translateX(0px) translateZ(0px);
  }
  100% {
    transform: translateX(-1500px) translateZ(0px);
  }
}
@-webkit-keyframes cameraHorizontal {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes cameraHorizontal {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes cameraVertical {
  0% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(80deg);
  }
}
@keyframes cameraVertical {
  0% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(80deg);
  }
}