.scale_down {
  transform: scale(0.7);
  z-index: 30;
  border: 0.3px solid rgba(16, 16, 16, 0.365);
}

.fade {
  opacity: 0;
  z-index: 30;
}

.red {
  background-color: red !important;
}

.green {
  background-color: green !important;
}

.yellow {
  background-color: yellow !important;
}

.blue {
  background-color: blue !important;
}

.black {
  background-color: black !important;
}

.cyan {
  background-color: cyan !important;
}

.lavender {
  background-color: lavender !important;
}

.cadetblue {
  background-color: cadetblue !important;
}

.crimson {
  background-color: crimson !important;
}

.white {
  background-color: white;
}

.d90deg {
  transform: rotate(90deg);
}

.d180deg {
  transform: rotate(180deg);
}

.d360deg {
  transform: rotate(360deg);
}

.d450deg {
  transform: rotate(450deg);
}

.z_70 {
  z-index: 70 !important;
  transform: scale(1.2);
}

.star {
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
  transform: rotate(18deg) scale(0.5);
}