*{
	
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	
}
.overall{
	width: 100vw;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	
	background: linear-gradient(90deg, #8772d5,#8978d4,#8b7ed4,#8c84d3,#8e8ad3,#908fd2,#9295d1,#939bd1,#95a1d0);
}
.container{
	min-height: 500px;
	width: 450px;
	/* width: 60%; */
	padding: 30px;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	
	background-color: rgba(255, 255, 255, 0.2);
	display: flex;
	
	justify-content: center;
	align-items: center;
	box-shadow: 5px 5px 10px rgba(0,0,0, 0.5);
	
}

form{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* gap: 20px; */
}

::placeholder{
	font-size: 17px;
}
input{
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
	border: none;
	
}
textarea{
	width: 100%;
	padding: 5px 10px;
	height: 100px;
	resize: vertical;
	border-radius: 8px;
	border: none;
}

form button{
	margin-top: 10px;
	padding: 10px 40px;
	border-radius: 8px;
	color: white;
	border: none;
	font-weight: 600;
	font-size: 17px;
    background-color: orangered;
	/* background: linear-gradient(47deg, #c0359b,#b02f92,#a0288a,#902281,#801c78,#6f156f,#5f0f67,#4f085e,#3f0255); */
}
form h3{
	margin-bottom: 20px;
	
	font-size: 28px;
	color: black;
}


form button:hover{
	transform: scale(1.03);
	background: linear-gradient(45deg,#5912a9,#64119d,#701092,#7b0f87,#860e7c, #2c15d5,#3714ca,#4313bf,#4e12b4);
}

@media screen and (min-width: 300px) and (max-width: 600px) {
	.container{
		width: 90%;
	}
	
}