.bg {
  background-color: #000;
}

.bg-color {
  background-color: #820ebd;
}

.b-color {
  border-color: #820ebd !important;
}

.color {
  color: #820ebd !important;
}

.y-color {
  color: #c2fe0c !important;
}

.vw-2 {
  width: 2vw;
  max-width: 2dvw
}

.vh-100 {
  height: 100vh;
  max-height: 100dvh
}

.fade {
  opacity: 0.2;
  animation: fadeAnimation 10s infinite alternate;
}

@keyframes fadeAnimation {
  from {
    opacity: 0.2;
  }

  to {
    opacity: 0.4;
  }
}

.glow {
  filter: drop-shadow(0px 0px 30px #820ebd);
  animation: glowAnimation 10s infinite alternate;
}

@keyframes glowAnimation {
  from {
    filter: drop-shadow(0px 0px 30px #820ebd);
  }

  to {
    filter: drop-shadow(0px 0px 50px #820ebd);
  }
}


.glitch {
  animation: glitchAnimation 2s infinite;
}

@keyframes glitchAnimation {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 0.4;
    transform: none;
  }
  20%, 22%, 24%, 55% {
    opacity: 0.2;
    transform: translate(1px, -1px) scale(1.05);
  }
}