@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
}

body {
  background-color: #140032;
  overflow: hidden;
  margin: 0;
}
body * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.🍁 {
  animation: 👑 13s linear infinite reverse;
}
.🍁 .🍀:nth-child(0) {
  transform: rotate(0deg) translate(83px);
}
.🍁 .🍀:nth-child(1) {
  transform: rotate(72deg) translate(83px);
}
.🍁 .🍀:nth-child(2) {
  transform: rotate(144deg) translate(83px);
}
.🍁 .🍀:nth-child(3) {
  transform: rotate(216deg) translate(83px);
}
.🍁 .🍀:nth-child(4) {
  transform: rotate(288deg) translate(83px);
}
.🍁 .🍀:nth-child(5) {
  transform: rotate(360deg) translate(83px);
}
.🍁 .🍀 .🌱 {
  width: 150px;
  height: 15px;
}
.🍁 .🍀 .🌱:nth-child(0) {
  transform: rotate(0deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(0) i {
  animation-delay: 0s;
  background-color: #ffea00;
}
.🍁 .🍀 .🌱:nth-child(1) {
  transform: rotate(2.23deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(1) i {
  animation-delay: -0.45s;
  background-color: #ffe600;
}
.🍁 .🍀 .🌱:nth-child(2) {
  transform: rotate(4.46deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(2) i {
  animation-delay: -0.9s;
  background-color: #ffe100;
}
.🍁 .🍀 .🌱:nth-child(3) {
  transform: rotate(6.69deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(3) i {
  animation-delay: -1.35s;
  background-color: #ffdd00;
}
.🍁 .🍀 .🌱:nth-child(4) {
  transform: rotate(8.92deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(4) i {
  animation-delay: -1.8s;
  background-color: #ffd900;
}
.🍁 .🍀 .🌱:nth-child(5) {
  transform: rotate(11.15deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(5) i {
  animation-delay: -2.25s;
  background-color: #ffd500;
}
.🍁 .🍀 .🌱:nth-child(6) {
  transform: rotate(13.38deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(6) i {
  animation-delay: -2.7s;
  background-color: #ffd000;
}
.🍁 .🍀 .🌱:nth-child(7) {
  transform: rotate(15.61deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(7) i {
  animation-delay: -3.15s;
  background-color: #ffcc00;
}
.🍁 .🍀 .🌱:nth-child(8) {
  transform: rotate(17.84deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(8) i {
  animation-delay: -3.6s;
  background-color: #ffc800;
}
.🍁 .🍀 .🌱:nth-child(9) {
  transform: rotate(20.07deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(9) i {
  animation-delay: -4.05s;
  background-color: #ffc400;
}
.🍁 .🍀 .🌱:nth-child(10) {
  transform: rotate(22.3deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(10) i {
  animation-delay: -4.5s;
  background-color: #ffbf00;
}
.🍁 .🍀 .🌱:nth-child(11) {
  transform: rotate(24.53deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(11) i {
  animation-delay: -4.95s;
  background-color: #ffbb00;
}
.🍁 .🍀 .🌱:nth-child(12) {
  transform: rotate(26.76deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(12) i {
  animation-delay: -5.4s;
  background-color: #ffb700;
}
.🍁 .🍀 .🌱:nth-child(13) {
  transform: rotate(28.99deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(13) i {
  animation-delay: -5.85s;
  background-color: #ffb300;
}
.🍁 .🍀 .🌱:nth-child(14) {
  transform: rotate(31.22deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(14) i {
  animation-delay: -6.3s;
  background-color: #ffae00;
}
.🍁 .🍀 .🌱:nth-child(15) {
  transform: rotate(33.45deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(15) i {
  animation-delay: -6.75s;
  background-color: #ffaa00;
}
.🍁 .🍀 .🌱:nth-child(16) {
  transform: rotate(35.68deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(16) i {
  animation-delay: -7.2s;
  background-color: #ffa600;
}
.🍁 .🍀 .🌱:nth-child(17) {
  transform: rotate(37.91deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(17) i {
  animation-delay: -7.65s;
  background-color: #ffa200;
}
.🍁 .🍀 .🌱:nth-child(18) {
  transform: rotate(40.14deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(18) i {
  animation-delay: -8.1s;
  background-color: #ff9d00;
}
.🍁 .🍀 .🌱:nth-child(19) {
  transform: rotate(42.37deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(19) i {
  animation-delay: -8.55s;
  background-color: #ff9900;
}
.🍁 .🍀 .🌱:nth-child(20) {
  transform: rotate(44.6deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(20) i {
  animation-delay: -9s;
  background-color: #ff9500;
}
.🍁 .🍀 .🌱:nth-child(21) {
  transform: rotate(46.83deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(21) i {
  animation-delay: -9.45s;
  background-color: #ff9100;
}
.🍁 .🍀 .🌱:nth-child(22) {
  transform: rotate(49.06deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(22) i {
  animation-delay: -9.9s;
  background-color: darkorange;
}
.🍁 .🍀 .🌱:nth-child(23) {
  transform: rotate(51.29deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(23) i {
  animation-delay: -10.35s;
  background-color: #ff8800;
}
.🍁 .🍀 .🌱:nth-child(24) {
  transform: rotate(53.52deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(24) i {
  animation-delay: -10.8s;
  background-color: #ff8400;
}
.🍁 .🍀 .🌱:nth-child(25) {
  transform: rotate(55.75deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(25) i {
  animation-delay: -11.25s;
  background-color: #ff8000;
}
.🍁 .🍀 .🌱:nth-child(26) {
  transform: rotate(57.98deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(26) i {
  animation-delay: -11.7s;
  background-color: #ff7b00;
}
.🍁 .🍀 .🌱:nth-child(27) {
  transform: rotate(60.21deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(27) i {
  animation-delay: -12.15s;
  background-color: #ff7700;
}
.🍁 .🍀 .🌱:nth-child(28) {
  transform: rotate(62.44deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(28) i {
  animation-delay: -12.6s;
  background-color: #ff7300;
}
.🍁 .🍀 .🌱:nth-child(29) {
  transform: rotate(64.67deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(29) i {
  animation-delay: -13.05s;
  background-color: #ff6f00;
}
.🍁 .🍀 .🌱:nth-child(30) {
  transform: rotate(66.9deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(30) i {
  animation-delay: -13.5s;
  background-color: #ff6a00;
}
.🍁 .🍀 .🌱:nth-child(31) {
  transform: rotate(69.13deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(31) i {
  animation-delay: -13.95s;
  background-color: #ff6600;
}
.🍁 .🍀 .🌱:nth-child(32) {
  transform: rotate(71.36deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(32) i {
  animation-delay: -14.4s;
  background-color: #ff6200;
}
.🍁 .🍀 .🌱:nth-child(33) {
  transform: rotate(73.59deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(33) i {
  animation-delay: -14.85s;
  background-color: #ff5e00;
}
.🍁 .🍀 .🌱:nth-child(34) {
  transform: rotate(75.82deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(34) i {
  animation-delay: -15.3s;
  background-color: #ff5900;
}
.🍁 .🍀 .🌱:nth-child(35) {
  transform: rotate(78.05deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(35) i {
  animation-delay: -15.75s;
  background-color: #ff5500;
}
.🍁 .🍀 .🌱:nth-child(36) {
  transform: rotate(80.28deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(36) i {
  animation-delay: -16.2s;
  background-color: #ff5100;
}
.🍁 .🍀 .🌱:nth-child(37) {
  transform: rotate(82.51deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(37) i {
  animation-delay: -16.65s;
  background-color: #ff4d00;
}
.🍁 .🍀 .🌱:nth-child(38) {
  transform: rotate(84.74deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(38) i {
  animation-delay: -17.1s;
  background-color: #ff4800;
}
.🍁 .🍀 .🌱:nth-child(39) {
  transform: rotate(86.97deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(39) i {
  animation-delay: -17.55s;
  background-color: #ff4400;
}
.🍁 .🍀 .🌱:nth-child(40) {
  transform: rotate(89.2deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(40) i {
  animation-delay: -18s;
  background-color: #ff4000;
}
.🍁 .🍀 .🌱:nth-child(41) {
  transform: rotate(91.43deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(41) i {
  animation-delay: -18.45s;
  background-color: #ff3c00;
}
.🍁 .🍀 .🌱:nth-child(42) {
  transform: rotate(93.66deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(42) i {
  animation-delay: -18.9s;
  background-color: #ff3700;
}
.🍁 .🍀 .🌱:nth-child(43) {
  transform: rotate(95.89deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(43) i {
  animation-delay: -19.35s;
  background-color: #ff3300;
}
.🍁 .🍀 .🌱:nth-child(44) {
  transform: rotate(98.12deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(44) i {
  animation-delay: -19.8s;
  background-color: #ff2f00;
}
.🍁 .🍀 .🌱:nth-child(45) {
  transform: rotate(100.35deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(45) i {
  animation-delay: -20.25s;
  background-color: #ff2b00;
}
.🍁 .🍀 .🌱:nth-child(46) {
  transform: rotate(102.58deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(46) i {
  animation-delay: -20.7s;
  background-color: #ff2600;
}
.🍁 .🍀 .🌱:nth-child(47) {
  transform: rotate(104.81deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(47) i {
  animation-delay: -21.15s;
  background-color: #ff2200;
}
.🍁 .🍀 .🌱:nth-child(48) {
  transform: rotate(107.04deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(48) i {
  animation-delay: -21.6s;
  background-color: #ff1e00;
}
.🍁 .🍀 .🌱:nth-child(49) {
  transform: rotate(109.27deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(49) i {
  animation-delay: -22.05s;
  background-color: #ff1a00;
}
.🍁 .🍀 .🌱:nth-child(50) {
  transform: rotate(111.5deg) translate(100%);
}
.🍁 .🍀 .🌱:nth-child(50) i {
  animation-delay: -22.5s;
  background-color: #ff1500;
}
.🍁 .🍀 .🌱 i {
  animation: 👑 5s linear infinite;
  border-radius: 50%;
}

@keyframes 👑 {
  100% {
    transform: rotate(360deg);
  }
}