.bg-lightgreen{
  background-color: #a4fa0d;
}

.bg-orange{
  background-color: #ff9b1b;
}

.bg-purple{
	background-color: #5c1cad;
}

.bg-purple:hover{
	background-color: #985ee0;
}

.bg-purple:active{
  background-color: #bb8ff0 !important;
}


.bg-purpledark{
  background-color: #2a1347;
}

.dropdown-item:hover{
  background-color: #bb8ff0 !important;
}

.text-purple{
	color: #5c1cad;
}

.text-lipurple{
  color: #bb8ff0;
}

.text-gray{
  color: #4f4f4f;
}

.main-h1 {
  background-image: linear-gradient(to right, #5c1cad, #40127a, #a66feb, #5c1cad); 
  -webkit-background-clip: text;
  background-clip: text; 
  color: transparent; 
  background-size: 200% 100%; 
  animation: colorTransition 5s infinite alternate; 
  line-height: 1.5;
}

.max-input{
	max-width: 65em;
}

@keyframes colorTransition {
  0% {
    background-position: 0% 0%; 
  }
  100% {
    background-position: 100% 0%; 
  }
}

.transicion-fondo {
  max-width: 200px;
  padding: 0.2em 0.8em 0.2em 0.8em;
  background: linear-gradient(to right, #ffdc00,#fff600,#ffff7d,#f9f9e6);
  background-size: 200% 100%; 
  animation: deslizarFondo 2s linear infinite; 
}

@keyframes deslizarFondo {
  0% {
    background-position: 100% 0; 
  }
  100% {
    background-position: 0% 0; 
  }
}

@keyframes color-intermitente {
  0% {
    color: #FFF100; 
  }
  50% {
    color: #ffffff; 
  }
  100% {
    color: #FFF100; 
  }
}

.intermitente {
  animation: color-intermitente 2s infinite ease-in-out;
}