body {
     font-family: Arial, Helvetica, sans-serif;
	 min-height: 100vh;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}

form {
     padding: 50px 55px;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	 border-radius: 20px;
	 text-align: center;
	 width: 340px;
}

.input-group {
	  display: flex;
	  flex-direction: column;
	  text-align: 35px;
}

h2    {
      color: #283629;
	  font-size: 35px;
}

input, textarea {
	   padding: 17px 25px;
	   border-radius: 25px;
	   margin-bottom: 20px;
	   background-color: #edfff0;
	   border: 2px solid #f0faf1;
	   color: #283629;
	   outline: none;
}

input::placeholder, textarea::placeholder {
        color: #b5cab6;
}

.btn   {
        font-size: 16px;
		color: #ffffff;
		border: 0;
		border-radius: 25px;
		background-color: #51d94c;
		box-shadow: 0 0 20px rgba(25, 254, 0, 0.4);
		cursor: pointer;
}

.btn:hover {
	     background-color: #50e04b;
}

@media(max-width:991px) {
	     
	body {
		padding: 30px;
	}
    form {
		padding: 50px 30px;
		width: 100%;
	}
	input {
		padding: 15px;
	}
}