.cover {
  position: absolute;
  background: #262626;
  width: 200px;
  height: 200px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  /* /* align-items: center; */
  justify-content: center;
  /* margin: 0 auto; */
  clip-path: polygon(47.5% 5.66987%,
      48.2899% 5.30154%,
      49.13176% 5.07596%,
      50% 5%,
      50.86824% 5.07596%,
      51.7101% 5.30154%,
      52.5% 5.66987%,
      87.14102% 25.66987%,
      87.85495% 26.16978%,
      88.47124% 26.78606%,
      88.97114% 27.5%,
      89.33948% 28.2899%,
      89.56505% 29.13176%,
      89.64102% 30%,
      89.64102% 70%,
      89.56505% 70.86824%,
      89.33948% 71.7101%,
      88.97114% 72.5%,
      88.47124% 73.21394%,
      87.85495% 73.83022%,
      87.14102% 74.33013%,
      52.5% 94.33013%,
      51.7101% 94.69846%,
      50.86824% 94.92404%,
      50% 95%,
      49.13176% 94.92404%,
      48.2899% 94.69846%,
      47.5% 94.33013%,
      12.85898% 74.33013%,
      12.14505% 73.83022%,
      11.52876% 73.21394%,
      11.02886% 72.5%,
      10.66052% 71.7101%,
      10.43495% 70.86824%,
      10.35898% 70%,
      10.35898% 30%,
      10.43495% 29.13176%,
      10.66052% 28.2899%,
      11.02886% 27.5%,
      11.52876% 26.78606%,
      12.14505% 26.16978%,
      12.85898% 25.66987%);
  overflow: hidden;
}

.wave {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.wave1 {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  top: -410px;
  background-color: rgba(255, 255, 255, 0.9);
  /* border-radius: 40%; */
  border-radius: 42%;
  animation: rotate 3.9s linear infinite, translate 8s linear forwards;
  z-index: 10;
}

.wave2 {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  top: -410px;
  /* left: 50%; */
  /* border-radius: 44%; */
  border-radius: 42%;

  background-color: rgba(255, 255, 255, 0.6);
  animation: rotate 3.8s linear -2s infinite, translate 8s linear forwards;
  z-index: 20;
}

.wave3 {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  top: -410px;
  /* border-radius: 44%; */
  border-radius: 42%;

  background-color: rgba(255, 255, 255, 0.4);
  animation: rotate 4s linear -3s infinite, translate 8s linear forwards;
  z-index: 30;
}

@keyframes rotate {
  50% {
    transform: rotate(180deg);
  }

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

@keyframes translate {
  0% {
    top: -410px;
  }

  50% {
    top: -500px;
  }

  75% {
    top: -500px;
  }

  100% {
    top: -555px;
  }
}

.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 112px;
  height: 100px;
  /* z-index: 99; */
}

.customLoading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 200px;
}