.block {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	z-index: -1;
	animation: steam 20s linear infinite;
	border-radius: 10px;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.block:after {
	filter: blur(50px);
}


/*---------------------*/


.gradient-border {
  position: relative;
  border-radius: 1px;
  border-radius: 10px;
}
.gradient-border::after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(45deg, #ffd800, #ff5520, #750cf2, #0cbcf2);
  border-radius: 10px;
  z-index: -1;
}
.gradient-border::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #ffd800, #ff5520, #750cf2, #0cbcf2);
  border-radius: 10px;
  z-index: -2;
  filter: blur(8px);
  animation: bgRotate 4s linear infinite;
}

.glow{
-webkit-box-shadow:0px 0px 10px 5px rgba(0,157,255,0.9);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,157,255,0.9);
box-shadow: 0px 0px 10px 5px rgba(0,157,255,0.9);
}