body
{
  padding: none; 
  margin: 0 auto;
  background: url(images/bkg.png) no-repeat center center fixed;
background-size: cover;
overflow: auto;
   animation-duration: 1.5s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;
    animation-name: fadeIn;
    color: #FFF;
     
    
}
br {
  
   line-height:10%;
  
}

#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
.custom-scrollbar {
  height: 1185px;
  overflow-y: scroll;
  background : transparent;
  
}
/* /* To style the document scrollbar, remove `.custom-scrollbar` */
.custom-scrollbar::-webkit-scrollbar {
  width: 10px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background : #ff3cc6;
  border-radius: 0px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background : #cc99ff;
  border-radius: 0px;
  box-shadow:  transparent;
} 
.icon{
 max-height: 20px;
}
.sicon{
 max-height: 15px;
}
.symbol{
 max-height: 40px;
}

a:link {
    color: #ff3cc6;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #ff3cc6;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #33ffcc ;
    text-decoration: none;
}

/* selected link */
a:active {
    color:  #33ffcc;
    text-decoration: none;
}

a.ha:link {
    color: #cc99ff;
    text-decoration: none;
}

/* visited link */
a.ha:visited {
 
    color: #cc99ff;
    text-decoration: none;
}

/* mouse over link */
a.ha:hover {
    color:  #33ffcc;
    text-decoration: none;
}

/* selected link */
a.ha:active {
    color:  #33ffcc;
    text-decoration: none;
}


a.nav:link {
    color: #FFFFFF;
    text-decoration: none;
}

/* visited link */
a.nav:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* mouse over link */
a.nav:hover {
    color: #ff3cc6;
    text-decoration: none;
}

/* selected link */
a.nav:active {
    color: #ff3cc6;
    text-decoration: none;
}

.gradient {
  background: linear-gradient(to right, #ff3cc6 20%, #cc99ff 30%, #33ffcc 70%, #ff3cc6 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 3s ease-in-out infinite;
}

.gradientx {
  background: linear-gradient(to right, #cc99ff 20%, #ff3cc6 30%, #33ffcc 70%, #cc99ff 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 3s ease-in-out infinite;
}

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



@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}