@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	min-height: 100vh;
	display: flex;
	
}

form{
	padding: 50px 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	text-align: center;
	width: 350px;
	}
	.input-group {
		display: flex;
		flex-direction: column;
		text-align: left;
		
	}
	h2 {
		color: #FC0;
		font-size: 35px;
	}
	
	label {
		color: #FC0;
		font-size:15px;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	input, textarea {
		padding: 17px 25px;
		border-radius: 25px;
		margin-bottom: 20 px;
		color: #000;
		outline: none;
	}
	
	input::placeholder, textarea::placeholder {
		color: #b5cab6;
	}
	
	.form-txt {
		margin-bottom: 30px;
		display: flex;
		justify-content: space-between;
		text-align: center;
	}
	
	.form-txt a { 
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	}
	.btn {
		font-size: 16px;
		color: #FFF;
		border: 0;
		border-radius: 25;
		background-color: #FC0;
		box-shadow: 0 0 20px rgba(255,255,0,1);
		cursor: pointer;
	}
	.btn:hover {
		background-color: #FC0;
	}
	@media(max-width:991px) {
		body {
			padding: 30px;
		}
		form{
			padding: 50px 30px;
			width: 100%;
		}
		input{
			padding: 15px;
		}
	}