.gradient-custom {
	/* fallback for old browsers */
	background: #6a11cb;

	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}

.inputb:nth-child(1) input:valid~span,
.inputb:nth-child(1) input:focus~span {
	background: #00dfc4;
	color: #162b41;
	border-radius: 2px;
}

.rounded:first-child:hover {
	background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
	background-size: 400%;
}

.rounded:last-child:hover {
	background: linear-gradient(90deg, #f23d74, #f1bb26, #ba2d03, #c14168);
	background-size: 400%;
}

.rounded:first-child:before,
.rounded:last-child:before {
	content: '';
	position: absolute;
	background: inherit;
	
	border-radius: 50px;
	filter: blur(20px);
	opacity: 0;
	transition: opacity 0.5s;
}

.rounded:first-child:hover:before,
.rounded:last-child:hover:before {
	opacity: 1;
	z-index: -1;
}

.rounded:hover {
	z-index: 1;
	animation: glow 8s linear infinite;
}

@keyframes glow {
	0% {
		background-position: 0%;
	}

	100% {
		background-position: 400%;
	}
}

.auth .form-control {
    color: #fff;
    background-color: transparent;
}

.auth .form-control:focus {
    color: #fff;
    background-color: transparent;
	/* display: none; */
}