body {
  user-select: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background: linear-gradient(#1c697b, #8dc5dc) fixed !important;
}

.img {
  max-width: 720px;
  border-radius: 12px;
}

.congratulation {
  font-weight: 700;
  font-size: 24px;
  font-style: italic;
  text-align: center;
}

.triangle {
  width: 0;
  height: 0;
  border-left: 180px solid transparent;
  border-right: 170px solid transparent;
  border-bottom: 160px solid lime;
  margin: 0 auto;
}

.stem {
  width: 50px;
  height: 60px;
  background: brown;
  margin: 0 auto;
}

.star-five {
  width: 180px;
  aspect-ratio: 1;
  margin: 0 auto;
  position: relative;
  bottom: -60px;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))));
}

.garland {
  transition: all 0.575s ease-out;
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.gd-1 {
  background: red;
  margin-top: -70px;
  margin-left: 195px;
}
.gd-2 {
  background: green;
  margin-top: -50px;
  margin-left: 355px;
}
.gd-3 {
  background: yellow;
  margin-top: -70px;
  margin-left: 145px;
}
.gd-4 {
  width: 60px !important;
  height: 60px !important;
  background: purple;
  margin-top: -35px;
  margin-left: 355px;
}
.gd-5 {
  width: 60px !important;
  height: 60px !important;
  background: magenta;
  margin-top: -75px;
  margin-left: 155px;
}
.gd-6 {
  background: red;
  margin-top: -60px;
  margin-left: 335px;
}
.gd-7 {
  width: 65px !important;
  height: 65px !important;
  background: green;
  margin-top: -75px;
  margin-left: 145px;
}
.gd-8 {
  background: magenta;
  margin-top: -55px;
  margin-left: 355px;
}

.gd-on {
  background: yellow !important;
  filter: drop-shadow(0 0 20px yellow);
}

.ground {
  height: 25px;
  width: 100%;
  background: green;
  text-align: right;
  padding-right: 140px;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}

.created-by {
  margin-left: 150px;
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
}