/* === colors === */

  .white {
	color: #ffffff;
  }

  .red {
	color: #FD4B4B;
  }

  .yellow {
	color: #FFC936;
  }

  .blue {
	color: #10cdf0;
  }
  .black {
    color: #000000;
  }

  .grey{
   color: #9B9B9B;
    }

  .white-back {
	background-color: #ffffff;
  }

  .dust-back {
    background-color: #F0EFEF;
    }

  .red-back {
	background-color: #FD4B4B;
  }

  .yellow-back {
	background-color: #fec731;
  }

  .blue-back {
	background-color: #10cdf0;
  }
  .blu-back {
    background-color: #000dff;
    }
  .gradient-blue-back {
  	background: linear-gradient(-45deg, #1089f0, #10cdf0, #1089f0);
  	background-size: 400% 400%;
  	animation: gradient 15s ease infinite;
  }

  .grey-back{
	background-color: #F1F1F1;
  }

  .dark-back{
	background-color: #394c56;
  }

  .black-back{
    background-color: #000000;
    }
    
  .gradient-red-back {
  	background: linear-gradient(-45deg, #ff8564, #FD4B4B, #ff8564);
  	background-size: 400% 400%;
  	animation: gradient 15s ease infinite;
  }
  .gradient-blu-back {
  	background: linear-gradient(-45deg, #00ff1e, #000dff, #2e00b8);
  	background-size: 400% 400%;
  	animation: gradient 15s ease infinite;
  }
  @keyframes gradient {
  	0% {
  		background-position: 0% 50%;
  	}
  	50% {
  		background-position: 100% 50%;
  	}
  	100% {
  		background-position: 0% 50%;
  	}
  }
  
  .text-black {
  	color: #000000!important;
  }
  .text-scuro {
    color: #3f3f3f;
  }
  /* ACTIVE TYPO COLOR */
  a.red:hover {
  	color: #000;
  }


  .navbar-light .navbar-nav .nav-link {
    color:  #3f3f3f;
}