body{
	background-color: #080710 !important;
}
.background{
	width: 430px;
	height: 450px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}
.background .shape{
	height: 200px;
	width: 200px;
	position: absolute;
	border-radius: 50%;
}
.shape:first-child{
	background: linear-gradient(#1845ad,#23a2f6);
	left: -80px;
	top: -80px;
	
}
.shape:last-child{
	background: linear-gradient(to right,#ff512f,#f09819);
	right: -80px;
	bottom: -80px;
}

.fixed-footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0%);
}

/*--responsive--*/
@media (max-width: 576px)  {

	.background .shape{
		height: 100px;
		width: 100px;
		position: absolute;
		border-radius: 50%;
	}
	.shape:first-child{
		background: linear-gradient(#1845ad,#23a2f6);
		left: -10px;
		top: -60px;
	}

	.shape:last-child{
		background: linear-gradient(to right,#ff512f,#f09819);
		right: -10px;
		bottom: -60px;
	}

	form h3{
		font-size: 22px;
	}

	form{
		width: 370px;
		position: absolute;
		transform: translate(-50%,-50%);
		top: 50%;
		left: 50%;
	}
	
}