body {
  background-color: rgb(27, 27, 27);
}

canvas {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  margin: 0px;
  background-color: hsl(0, 0%, 10%);
}

.title-icon-div {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 25vw;
  display: inline-block;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
    drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
  filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
    drop-shadow(0px 0px 7px rgba(127, 0, 255, 1)) drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));

}
.duck-logo {
  height: inherit;
}

.token-info {
  color: white;
  margin-top: 16px;
  width: 100%;
  text-align: center;
  font-size: 200%;
  height: 5vw;
  display: inline-block;
  display: none;
}

.tg-info {
  color: rgb(197, 140, 255);
  margin-top: 16px;
  width: 100%;
  text-align: center;
  font-size: 200%;
  height: 5vw;
  display: inline-block;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
    drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
  filter: drop-shadow(0px 0px 7px rgba(20, 0, 20, 1)) drop-shadow(0px 0px 7px rgba(20, 0, 20, 1)) drop-shadow(0px 0px 7px rgba(20, 0, 20, 1)) drop-shadow(0px 0px 7px rgba(20, 0, 20, 1));
}

@keyframes glowmove {
  from {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
    filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
  }

  50% {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
    filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
  }

  to {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
    filter: drop-shadow(0px 0px 7px rgba(127, 0, 255, 1))  drop-shadow(0px 0px 7px rgba(0, 0, 0, 1))
      drop-shadow(0px 0px 7px rgba(127, 0, 255, 1));
  }
}


@keyframes glowmovewhite {
    from {
      -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
      filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
    }
  
    50% {
      -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
      filter: drop-shadow(0px 0px 14px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1))
      drop-shadow(0px 0px 14px rgba(255, 255, 255, 1));
    }
  
    to {
      -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
      filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 7px rgba(255, 255, 255, 1));
    }
  }