body {
  width: 100%;
  height: 100%;
  background-color: #fffaf0;
}

ul {
  list-style: none;
}

.container {
  position: absolute;
  width: 450px;
  height: 450px;
  transform: translate(-50%, -50%) rotate(5deg);
  left: 50%;
  top: 50%;
  border-radius: 100%;
  background-color: #ffcdd6;
  -webkit-linear-gradient: linear-gradient(to bottom, #d9a7c7 20%, #fffcdc 50%);
  background-image: linear-gradient(to bottom, #d9a7c7 20%, #fffcdc 50%);
  overflow: hidden;
}
.container > * {
  position: absolute;
}
.container > *:before, .container > *:after {
  content: "";
  position: absolute;
}

.forest,
.trees {
  width: 100%;
  height: 100px;
}

.trees {
  top: 180px;
}
.trees .tree {
  position: absolute;
  background-color: #117299;
  border-radius: 100%;
  box-shadow: inset 0px -5px #0e6182;
}
.trees .tree > .leaf {
  position: absolute;
  border-radius: 100%;
}
.trees .tree:nth-child(1) {
  width: 100px;
  height: 100px;
  left: -15px;
}
.trees .tree:nth-child(1) > .leaf {
  background-color: #117299;
}
.trees .tree:nth-child(1) > .leaf:nth-child(1) {
  width: 80px;
  height: 80px;
  left: 50px;
  top: -20px;
  box-shadow: inset -2px 2px #0e6182;
}
.trees .tree:nth-child(1) > .leaf:nth-child(2) {
  width: 60px;
  height: 60px;
  bottom: 10px;
  left: 80px;
  box-shadow: inset 0 -5px #0e6182, inset -1px -1px #0e6182;
}
.trees .tree:nth-child(1) > .leaf:nth-child(3) {
  width: 80px;
  height: 80px;
  top: -50px;
  left: 10px;
}
.trees .tree:nth-child(1) > .leaf:nth-child(4) {
  width: 45px;
  height: 45px;
  bottom: -10px;
  left: 40px;
  box-shadow: inset 0 -5px #0e6182;
}
.trees .tree:nth-child(1) > .leaf:nth-child(5) {
  width: 30px;
  height: 30px;
  bottom: -10px;
  left: 55px;
  box-shadow: inset 0 -5px #0e6182;
}
.trees .tree:nth-child(1) > .leaf:nth-child(6) {
  width: 25px;
  height: 25px;
  bottom: 5px;
  left: 75px;
  box-shadow: inset 0 -3px 2px #0e6182;
}
.trees .tree:nth-child(2) {
  background-color: #106b90;
  width: 80px;
  height: 80px;
  left: 135px;
  top: 0;
  z-index: -1;
  box-shadow: inset 0px -10px #0d5774;
}
.trees .tree:nth-child(2) > .leaf {
  background-color: #106b90;
}
.trees .tree:nth-child(2) > .leaf:nth-child(1) {
  width: 60px;
  height: 60px;
  left: -40px;
  box-shadow: inset 5px -5px #0d5774;
}
.trees .tree:nth-child(2) > .leaf:nth-child(2) {
  width: 40px;
  height: 40px;
  left: -20px;
  top: 40px;
  box-shadow: inset 5px -5px #0d5774;
}
.trees .tree:nth-child(2) > .leaf:nth-child(3) {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 65px;
  box-shadow: inset 0px -5px #0d5774;
}
.trees .tree:nth-child(2) > .leaf:nth-child(4) {
  width: 20px;
  height: 20px;
  left: 6px;
  top: -8px;
}
.trees .tree:nth-child(2) > .leaf:nth-child(5) {
  width: 30px;
  height: 30px;
  left: -15px;
  top: -15px;
}
.trees .tree:nth-child(2) > .leaf:nth-child(6) {
  width: 50px;
  height: 50px;
  left: 60px;
  top: 35px;
}
.trees .tree:nth-child(3) {
  width: 80px;
  height: 80px;
  right: 140px;
  top: 40px;
}

.shrubs {
  width: 100%;
  height: 100px;
  bottom: 90px;
  display: flex;
  justify-content: center;
}
.shrubs .shrub {
  flex: 1 0 auto;
  height: 100%;
  width: auto;
  border-radius: 100%;
  margin: -10px;
  background-color: #0c506b;
}
.shrubs .shrub .shrub-leaf {
  background-color: #0c506b;
  position: absolute;
  border-radius: 100%;
}
.shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(1) {
  width: 40px;
  height: 40px;
  top: -60%;
}
.shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(2) {
  width: 70px;
  height: 70px;
  top: -50%;
  left: 0%;
}
.shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(3) {
  width: 30px;
  height: 30px;
  top: -65%;
  left: 5%;
}
.shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(4) {
  width: 35px;
  height: 35px;
  left: 18%;
  top: -20%;
}
.shrubs .shrub:nth-child(1) > .shrub-leaf:nth-child(5) {
  width: 20px;
  height: 20px;
  top: -30%;
  left: 15%;
}
.shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(1) {
  width: 40px;
  height: 40px;
  top: -40%;
  left: 30%;
}
.shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(2) {
  width: 28px;
  height: 28px;
  top: -35%;
  left: 26%;
}
.shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(3) {
  width: 20px;
  height: 20px;
  top: -50%;
  left: 28%;
}
.shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(4) {
  width: 35px;
  height: 35px;
  left: 35%;
  top: -20%;
}
.shrubs .shrub:nth-child(2) > .shrub-leaf:nth-child(5) {
  width: 25px;
  height: 25px;
  top: -55%;
  left: 31%;
}
.shrubs .shrub:nth-child(3) {
  margin-top: 10px;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf {
  margin-top: 10px;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(1) {
  width: 35px;
  height: 35px;
  top: -25%;
  left: 45%;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(2) {
  width: 25px;
  height: 25px;
  top: -30%;
  left: 50%;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(3) {
  width: 20px;
  height: 20px;
  top: -40%;
  left: 38%;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(4) {
  width: 40px;
  height: 40px;
  left: 38%;
  top: -20%;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(5) {
  width: 35px;
  height: 35px;
  top: -15%;
  left: 52%;
}
.shrubs .shrub:nth-child(3) > .shrub-leaf:nth-child(6) {
  width: 15px;
  height: 15px;
  top: -25%;
  left: 54%;
}
.shrubs .shrub:nth-child(4) {
  margin-top: -25px;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf {
  margin-top: -10px;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(1) {
  width: 50px;
  height: 50px;
  top: -35%;
  left: 60%;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(2) {
  width: 25px;
  height: 25px;
  top: -10%;
  left: 57%;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(3) {
  width: 30px;
  height: 30px;
  top: -40%;
  left: 68%;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(4) {
  width: 40px;
  height: 40px;
  left: 70%;
  top: -25%;
}
.shrubs .shrub:nth-child(4) > .shrub-leaf:nth-child(5) {
  width: 25px;
  height: 25px;
  top: -15%;
  left: 75%;
}
.shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(1) {
  width: 50px;
  height: 50px;
  top: -35%;
  left: 75%;
}
.shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(2) {
  width: 25px;
  height: 25px;
  top: -25%;
  left: 85%;
}
.shrubs .shrub:nth-child(5) > .shrub-leaf:nth-child(3) {
  width: 20px;
  height: 20px;
  top: -40%;
  left: 84%;
}

.grass {
  width: 100%;
  height: 200px;
  bottom: -60px;
  right: 10px;
  background-color: #085078;
  -webkit-linear-gradient: linear-gradient(to bottom, #6cc7bc, #085078);
  background-image: linear-gradient(to bottom, #6cc7bc, #085078);
  transform-origin: center;
}

.bulbasaur {
  width: 60px;
  height: 50px;
  top: 293px;
  right: 35px;
  transform: rotate(-6deg);
  will-change: transform;
}
.bulbasaur:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 15px;
  top: 8px;
  right: 5px;
  border-radius: 100%;
  transform: rotate(6deg);
  background-color: rgba(0, 0, 0, 0.2);
}
.bulbasaur .bulbs {
  position: absolute;
  left: -10px;
  top: -8px;
  transform: rotate(15deg);
  z-index: 2;
  animation: bulbMove 1.5s infinite;
}
.bulbasaur .bulbs:before {
  position: absolute;
  content: "";
  width: 38px;
  height: 38px;
  background-color: #006356;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  right: 20px;
  bottom: 30px;
  left: 15px;
  transform: rotate(-20deg);
  z-index: 3;
}
.bulbasaur .bulbs:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 35px;
  background-color: #006356;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-right-radius: 100%;
  left: 40px;
  bottom: 30px;
  transform: rotate(45deg);
  z-index: 2;
}
.bulbasaur .bulbs .bulb {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #009682;
  bottom: 30px;
  left: 25px;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  transform: rotate(-35deg);
  z-index: 3;
}
.bulbasaur .body {
  position: relative;
  width: 105%;
  height: 100%;
  bottom: 35px;
  border-radius: 39% 61% 31% 69%/54% 41% 59% 46%;
  background-color: #56ddff;
  overflow: hidden;
  animation: bodyBounce 1.5s infinite;
}
.bulbasaur .body .spot {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #00abd6;
  right: -5px;
  top: 15px;
  border-radius: 20%/60%;
  transform: skew(5deg);
}
.bulbasaur .head {
  position: absolute;
  width: 55px;
  height: 50px;
  background-color: #56ddff;
  border-radius: 51% 49% 20% 80%/67% 18% 82% 33%;
  bottom: 45px;
  right: 30px;
  z-index: 3;
  overflow: hidden;
  animation: headMove 1.5s infinite;
}
.bulbasaur .head .spot {
  position: absolute;
}
.bulbasaur .head .spot:before, .bulbasaur .head .spot:after {
  content: "";
  position: absolute;
  background-color: #00abd6;
}
.bulbasaur .head .spot:before {
  width: 8px;
  height: 8px;
  left: 7px;
  top: 5px;
  transform: rotate(30deg);
  border-radius: 40% 20%/50% 60%;
}
.bulbasaur .head .spot:after {
  width: 5px;
  height: 4px;
  left: 2px;
  top: 15px;
  transform: rotate(50deg);
  border-radius: 40% 20%/50% 60%;
}
.bulbasaur .head .eye {
  width: 14px;
  height: 16px;
  background-color: white;
  border-radius: 88% 12% 11% 89%/83% 47% 53% 17%;
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 13px;
  transform: rotate(5deg);
  border: 1px solid #295980;
}
.bulbasaur .head .eye .pupil {
  position: absolute;
  width: 12px;
  height: 15px;
  border-radius: 100%;
  left: -2px;
  background-image: -webkit-radial-gradient(1px 5px at center, white 100%, transparent), -webkit-radial-gradient(#df005d 100%, transparent);
  background-image: radial-gradient(1px 5px at center, white 100%, transparent), radial-gradient(#df005d 100%, transparent);
}
.bulbasaur .head .eye-lid {
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #00abd6;
  border-radius: 100px;
  left: 22px;
  transform: rotate(60deg);
  top: 8px;
}
.bulbasaur .head .smile {
  position: absolute;
  width: 10px;
  height: 6px;
  border-radius: 100%;
  border-top: 1px solid #0c506b;
  top: 32px;
  transform: rotate(5deg);
  left: -2px;
}
.bulbasaur .head .smile:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 6px;
  border-radius: 100%;
  border-bottom: 1px solid #0c506b;
  top: -5px;
  left: 6px;
}
.bulbasaur .ears {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 88% 12% 8% 92%/91% 94% 6% 9%;
  transform: rotate(260deg);
  background-color: #56ddff;
  bottom: 76px;
  left: 15px;
  z-index: 3;
  animation: earMove 1.5s infinite;
}
.bulbasaur .legs {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 15%;
}
.bulbasaur .legs .leg {
  position: absolute;
  width: 20px;
  height: 22px;
  border-radius: 10% 10% 28% 32%/0% 0% 53% 60%;
  background-color: #56ddff;
}
.bulbasaur .legs .leg:nth-child(1) {
  left: -5px;
  animation: moveLeg 1.5s ease infinite;
}
.bulbasaur .legs .leg:nth-child(1) .spot {
  position: absolute;
  width: 7px;
  height: 6px;
  top: 10px;
  left: 4px;
  z-index: 10;
  background-color: #00abd6;
  border-radius: 20%/30%;
  transform: skewY(-35deg);
}
.bulbasaur .legs .leg:nth-child(2) {
  bottom: 45%;
  left: 30px;
  animation: moveLeg 1.5s 0.5s infinite;
}
.bulbasaur .legs .leg:nth-child(2) .spot {
  position: absolute;
  width: 12px;
  height: 10px;
  background-color: #00abd6;
  top: 5px;
  left: 4px;
  border-radius: 35% 21% 50% 43%/54% 60% 70% 60%;
  transform: skewY(-20deg) skewX(10deg);
}
.bulbasaur .hind-legs {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 17%;
}
.bulbasaur .hind-legs .leg {
  background-color: #0082a3;
  position: absolute;
  width: 20px;
  height: 22px;
  border-radius: 10% 10% 28% 32%/0% 0% 53% 60%;
  z-index: -2;
}
.bulbasaur .hind-legs .leg:nth-child(1) {
  animation: moveHindLeg 1.5s 0.8s infinite;
}
.bulbasaur .hind-legs .leg:nth-child(2) {
  left: 32px;
  bottom: 45%;
  animation: moveHindLeg 1.5s 1s infinite;
}
.bulbasaur .spots {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 100%;
  z-index: 3;
}
.bulbasaur .spots .spot {
  position: absolute;
  background-color: #00abd6;
}
.bulbasaur .spots .spot:nth-child(1) {
  width: 18px;
  height: 12px;
  left: 30px;
  top: 28px;
  transform: rotate(-5deg);
  border-radius: 30% 72% 90% 40%/40% 78% 51% 60%;
}
.bulbasaur .spots .spot:nth-child(2) {
  width: 5px;
  height: 3px;
  left: 45px;
  top: 40px;
  border-radius: 30% 80% 50% 40%/45% 20% 20% 60%;
  transform: skew(10deg);
}

.animation-container {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  top: 110px;
}

.bulba-container {
  min-width: 450px;
  height: 240px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  position: relative;
  animation: bulbaWalk 25s linear infinite;
}

.bush {
  width: 130px;
  height: 130px;
  left: -15%;
  top: 40%;
  background-color: #000033;
  border-radius: 100%;
  z-index: 10;
}
.bush:before {
  width: 150px;
  height: 150px;
  background-color: #000033;
  top: 50%;
  left: 15%;
  border-radius: 100%;
}
.bush:after {
  width: 100px;
  height: 100px;
  background-color: #000033;
  border-radius: 100%;
  top: 130%;
  left: 100%;
}
.bush > .leaf {
  background-color: #000033;
  position: absolute;
  border-radius: 100%;
}
.bush > .leaf:nth-child(1) {
  width: 50px;
  height: 50px;
  left: 90%;
  top: 40%;
}
.bush > .leaf:nth-child(2) {
  width: 30px;
  height: 30px;
  left: 90%;
  top: 25%;
}
.bush > .leaf:nth-child(3) {
  width: 50px;
  height: 50px;
  left: 120%;
  top: 110%;
}
.bush > .leaf:nth-child(4) {
  width: 60px;
  height: 60px;
  top: 180%;
  left: 150%;
}
.bush > .leaf:nth-child(5) {
  width: 60px;
  height: 60px;
  top: 140%;
  left: 150%;
}
.bush > .leaf:nth-child(6) {
  width: 30px;
  height: 30px;
  top: 130%;
  left: 150%;
}
.bush > .leaf:nth-child(7) {
  width: 30px;
  height: 30px;
  top: 30%;
  left: 105%;
}
.bush > .leaf:nth-child(8) {
  width: 20px;
  height: 20px;
  top: 20%;
  left: 105%;
}
.bush > .leaf:nth-child(9) {
  width: 40px;
  height: 40px;
  left: 115%;
  top: 48%;
}

.big-tree {
  width: 160px;
  height: 160px;
  background-color: #000033;
  left: 70%;
  top: 10%;
  border-radius: 100%;
  z-index: 10;
}
.big-tree:before, .big-tree:after {
  background-color: #000033;
  border-radius: 100%;
}
.big-tree:before {
  width: 150px;
  height: 150px;
  right: 50%;
  top: -50%;
}
.big-tree:after {
  width: 100px;
  height: 100px;
  right: 120%;
  top: -10%;
}
.big-tree > .leaf {
  background-color: #000033;
  border-radius: 100%;
  position: absolute;
}
.big-tree > .leaf:nth-child(1) {
  width: 60px;
  height: 60px;
  top: -45%;
  right: 130%;
}
.big-tree > .leaf:nth-child(2) {
  width: 30px;
  height: 30px;
  top: 40%;
  right: 120%;
}
.big-tree > .leaf:nth-child(3) {
  width: 30px;
  height: 30px;
  top: 30%;
  right: 110%;
}
.big-tree > .leaf:nth-child(4) {
  width: 35px;
  height: 35px;
  top: 35%;
  right: 90%;
}

.sparkles {
  position: absolute;
  width: 120%;
  height: 190px;
  top: 30%;
  left: -45px;
}
.sparkles .sparkle {
  position: absolute;
  border-radius: 100%;
}
.sparkles .sparkle:nth-child(1) {
  width: 5px;
  height: 5px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(2) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(3) {
  width: 6px;
  height: 6px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(4) {
  width: 6px;
  height: 6px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(5) {
  width: 4px;
  height: 4px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(6) {
  width: 2px;
  height: 2px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(7) {
  width: 7px;
  height: 7px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(8) {
  width: 5px;
  height: 5px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(9) {
  width: 1px;
  height: 1px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(10) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(11) {
  width: 1px;
  height: 1px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(12) {
  width: 6px;
  height: 6px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(13) {
  width: 5px;
  height: 5px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(14) {
  width: 2px;
  height: 2px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(15) {
  width: 6px;
  height: 6px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(16) {
  width: 4px;
  height: 4px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(17) {
  width: 5px;
  height: 5px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(18) {
  width: 7px;
  height: 7px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(19) {
  width: 2px;
  height: 2px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(20) {
  width: 3px;
  height: 3px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(21) {
  width: 4px;
  height: 4px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(22) {
  width: 4px;
  height: 4px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(23) {
  width: 4px;
  height: 4px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(24) {
  width: 4px;
  height: 4px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(25) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(26) {
  width: 1px;
  height: 1px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(27) {
  width: 4px;
  height: 4px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(28) {
  width: 1px;
  height: 1px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(29) {
  width: 4px;
  height: 4px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(30) {
  width: 4px;
  height: 4px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(31) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(32) {
  width: 4px;
  height: 4px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(33) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(34) {
  width: 2px;
  height: 2px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(35) {
  width: 3px;
  height: 3px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(36) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(37) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(38) {
  width: 4px;
  height: 4px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(39) {
  width: 7px;
  height: 7px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(40) {
  width: 7px;
  height: 7px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(41) {
  width: 6px;
  height: 6px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(42) {
  width: 2px;
  height: 2px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(43) {
  width: 6px;
  height: 6px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(44) {
  width: 6px;
  height: 6px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(45) {
  width: 2px;
  height: 2px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(46) {
  width: 7px;
  height: 7px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(47) {
  width: 4px;
  height: 4px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(48) {
  width: 6px;
  height: 6px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(49) {
  width: 5px;
  height: 5px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(50) {
  width: 7px;
  height: 7px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(51) {
  width: 6px;
  height: 6px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(52) {
  width: 1px;
  height: 1px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(53) {
  width: 3px;
  height: 3px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(54) {
  width: 3px;
  height: 3px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(55) {
  width: 4px;
  height: 4px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(56) {
  width: 7px;
  height: 7px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(57) {
  width: 5px;
  height: 5px;
  background-color: #ffeefc;
  box-shadow: 0px 0px 10px #ffeefc;
}
.sparkles .sparkle:nth-child(58) {
  width: 2px;
  height: 2px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(59) {
  width: 7px;
  height: 7px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(60) {
  width: 5px;
  height: 5px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(61) {
  width: 2px;
  height: 2px;
  background-color: #f3ffe4;
  box-shadow: 0px 0px 10px #f3ffe4;
}
.sparkles .sparkle:nth-child(62) {
  width: 1px;
  height: 1px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}
.sparkles .sparkle:nth-child(63) {
  width: 6px;
  height: 6px;
  background-color: #fffce6;
  box-shadow: 0px 0px 10px #fffce6;
}
.sparkles .sparkle:nth-child(64) {
  width: 7px;
  height: 7px;
  background-color: #e9fbff;
  box-shadow: 0px 0px 10px #e9fbff;
}

.one {
  right: 0;
  top: 0;
}
@keyframes flyOne {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, 50px);
    opacity: 0;
  }
}
.one:nth-child(1) {
  animation: flyOne 30s 0s infinite;
}
.one:nth-child(2) {
  animation: flyOne 30s 6.44s infinite;
}
.one:nth-child(3) {
  animation: flyOne 30s 12.88s infinite;
}
.one:nth-child(4) {
  animation: flyOne 30s 19.32s infinite;
}

.two {
  right: 0;
}
@keyframes flyTwo {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, 205px);
    opacity: 0;
  }
}
.two:nth-child(5) {
  animation: flyTwo 36s 2.7s infinite;
}
.two:nth-child(6) {
  animation: flyTwo 36s 8s infinite;
}
.two:nth-child(7) {
  animation: flyTwo 36s 13.3s infinite;
}
.two:nth-child(8) {
  animation: flyTwo 36s 18.6s infinite;
}

.three {
  right: 0;
  top: 100%;
}
@keyframes flyThree {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, -220px);
    opacity: 0;
  }
}
.three:nth-child(9) {
  animation: flyThree 32s 1.4s infinite;
}
.three:nth-child(10) {
  animation: flyThree 32s 9.9s infinite;
}
.three:nth-child(11) {
  animation: flyThree 32s 18.4s infinite;
}
.three:nth-child(12) {
  animation: flyThree 32s 26.9s infinite;
}

.four {
  right: 0;
  top: 100%;
}
@keyframes flyFour {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, -200px);
    opacity: 0;
  }
}
.four:nth-child(13) {
  animation: flyFour 40s 5.8s infinite;
}
.four:nth-child(14) {
  animation: flyFour 40s 10.4s infinite;
}
.four:nth-child(15) {
  animation: flyFour 40s 15s infinite;
}
.four:nth-child(16) {
  animation: flyFour 40s 19.6s infinite;
}

.five {
  right: 0;
  top: 50%;
}
@keyframes flyFive {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, 0px);
    opacity: 0;
  }
}
.five:nth-child(17) {
  animation: flyFive 50s 8.7s infinite;
}
.five:nth-child(18) {
  animation: flyFive 50s 14.4s infinite;
}
.five:nth-child(19) {
  animation: flyFive 50s 20.1s infinite;
}
.five:nth-child(20) {
  animation: flyFive 50s 25.8s infinite;
}

.six {
  right: 0;
  top: 50%;
}
@keyframes flySix {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, 0px);
    opacity: 0;
  }
}
.six:nth-child(21) {
  animation: flySix 38.5s 10.6s infinite;
}
.six:nth-child(22) {
  animation: flySix 38.5s 15s infinite;
}
.six:nth-child(23) {
  animation: flySix 38.5s 19.4s infinite;
}
.six:nth-child(24) {
  animation: flySix 38.5s 23.8s infinite;
}

.seven {
  right: 0;
  top: 25%;
}
@keyframes flySeven {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, -80px);
    opacity: 0;
  }
}
.seven:nth-child(25) {
  animation: flySeven 44s 5s infinite;
}
.seven:nth-child(26) {
  animation: flySeven 44s 12.67s infinite;
}
.seven:nth-child(27) {
  animation: flySeven 44s 20.34s infinite;
}
.seven:nth-child(28) {
  animation: flySeven 44s 28.01s infinite;
}

.eight {
  right: 0;
  top: 25%;
}
@keyframes flyEight {
  95% {
    opacity: 1;
  }
  100% {
    transform: translate(-700px, 150px);
    opacity: 0;
  }
}
.eight:nth-child(29) {
  animation: flyEight 43.5s 1.6s infinite;
}
.eight:nth-child(30) {
  animation: flyEight 43.5s 5.34s infinite;
}
.eight:nth-child(31) {
  animation: flyEight 43.5s 9.08s infinite;
}
.eight:nth-child(32) {
  animation: flyEight 43.5s 12.82s infinite;
}

@keyframes moveLeg {
  0% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  80% {
    transform: rotate(0deg) translateY(-1px);
  }
  100% {
    transform: rotate(20deg);
  }
}
@keyframes moveHindLeg {
  0% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(-25deg);
  }
  80% {
    transform: rotate(0deg) translateY(-1px);
  }
  100% {
    transform: rotate(25deg);
  }
}
@keyframes bodyBounce {
  50% {
    transform: rotate(2deg) translateX(-1px);
  }
}
@keyframes headMove {
  50% {
    transform: rotate(-2deg) translateX(-1px);
  }
}
@keyframes earMove {
  50% {
    transform: rotate(265deg) translateX(-1px) translateY(-1px);
  }
}
@keyframes bulbMove {
  50% {
    transform: rotate(16deg) translateY(0.5px);
  }
}
@keyframes bulbaWalk {
  100% {
    transform: translateX(-66.66666%);
  }
}