/*Dark button*/
.dark-mode {
    background-color: black;
    color: white;
  }

    
.image-shadow:hover{
    -moz-box-shadow: 0 0 10px rgb(255, 255, 255);
         -webkit-box-shadow: 0 0 10px rgb(255, 249, 249);
         box-shadow: 0 0 10px rgb(255, 255, 255);
   }
  .dark-mode-btn{
    border-radius: 140px;
  width: 12vh;
  height: 05vh;
  border: none;
  text-align: center;
  font-size: 12px;
  position: relative;
  top: -16.1rem;
  left: 80rem;
  }
  @media screen and (max-width:430px) {
    .dark-mode-btn{
      border-radius: 140px;
    width: 8vh;
    height: 06vh;
    border: none;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: -20.9rem;
    left: 13rem;
    }
  }

  .animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 40px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}