body {
    background-color: #fff!important;
}

.form-control, .btn {
    // height: 40px !important;
    width: 100%;
    font-size: 14px !important;
}

.page-content {
    min-height: 0 !important;
}

.animate-charcter
{
   text-transform: uppercase;
    background-image: linear-gradient(
        -225deg,
        #ffffff 0%,
        #699dff 29%,
        #2768e1 67%,
        #092c6d 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: 18px;
}

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

@keyframes text-flash-animation { 50% { box-shadow: 0 0 0 0 rgba(41, 105, 255, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(41, 105, 255, 0); } }
@keyframes beat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

.text-flash-animation {
    animation: text-flash-animation 2s infinite;
}

.text-beat {
    animation: beat 0.7s linear infinite;
}