#loading-page {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
}

@keyframes infinite-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes infinite-rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

#half-circle {
  width: 100px;
  height: 50px;
  background: #23612f;
  background: linear-gradient(
    90deg,
    rgba(35, 97, 47, 1) 0%,
    rgba(37, 100, 49, 1) 34%,
    rgba(46, 112, 56, 1) 59%,
    rgba(58, 131, 67, 1) 81%,
    rgba(63, 141, 72, 1) 100%
  );
  border-radius: 50px 50px 0 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
  -webkit-box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
  -moz-box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
}

#inner-star {
  animation: infinite-rotate-reverse 19s linear infinite;
  position: absolute;
  top: 13.5px;
  left: 9.5px;
  width: 81px;
  background: #408240;
  background: linear-gradient(
    90deg,
    rgba(64, 130, 64, 1) 0%,
    rgba(66, 133, 66, 1) 34%,
    rgba(68, 137, 68, 1) 59%,
    rgba(74, 146, 73, 1) 81%,
    rgba(76, 149, 74, 1) 100%
  );
  aspect-ratio: 1;
  clip-path: polygon(
    100% 50%,
    78.98% 57.76%,
    93.3% 75%,
    71.21% 71.21%,
    75% 93.3%,
    57.76% 78.98%,
    50% 100%,
    42.24% 78.98%,
    25% 93.3%,
    28.79% 71.21%,
    6.7% 75%,
    21.02% 57.76%,
    0% 50%,
    21.02% 42.24%,
    6.7% 25%,
    28.79% 28.79%,
    25% 6.7%,
    42.24% 21.02%,
    50% 0%,
    57.76% 21.02%,
    75% 6.7%,
    71.21% 28.79%,
    93.3% 25%,
    78.98% 42.24%
  );
}

#star {
  animation: infinite-rotate 19s linear infinite;
  position: absolute;
  top: 10px;
  left: 7.5px;
  width: 85px;
  background: linear-gradient(
    90deg,
    rgba(231, 169, 48, 1) 0%,
    rgba(239, 192, 48, 1) 34%,
    rgba(242, 200, 48, 1) 59%,
    rgba(246, 210, 47, 1) 81%,
    rgba(249, 218, 47, 1) 100%
  );
  aspect-ratio: 1;
  clip-path: polygon(
    100% 50%,
    78.98% 57.76%,
    93.3% 75%,
    71.21% 71.21%,
    75% 93.3%,
    57.76% 78.98%,
    50% 100%,
    42.24% 78.98%,
    25% 93.3%,
    28.79% 71.21%,
    6.7% 75%,
    21.02% 57.76%,
    0% 50%,
    21.02% 42.24%,
    6.7% 25%,
    28.79% 28.79%,
    25% 6.7%,
    42.24% 21.02%,
    50% 0%,
    57.76% 21.02%,
    75% 6.7%,
    71.21% 28.79%,
    93.3% 25%,
    78.98% 42.24%
  );
  box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
  -webkit-box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
  -moz-box-shadow: 0px 53px 35px 2px rgba(158, 158, 158, 0.76);
}