* a{
	text-decoration: none;
} 

.inpt:hover{
box-shadow:2px 3px yellow;
}
	  form,button,.inpt{
		border-radius: 5px;
	  }
	  h4{
		  padding: 2%;
	  }
	 
.radioo{
	 font-size: x-large;
	 
	 height: 25px;
	 width: 20px;
}



form{
	height:auto; width:450px;
	
	 margin: 0 auto;
	 
	
}
form a:hover{background: darkslategray;
	color: aliceblue;}

	 
.inpt{
	width: 80%;
	 
}
#submt{
color: white;
background: slateblue;
width: 37%;
 
}
#submt:hover{
	background: rgb(8, 29, 94);
}
textarea{
	border-radius: 5px;
	resize: none;
}
@media screen and (max-width:500px){
form {
	width: 85%;
}
textarea{
	width: 75%;
}
}
label{
	font-size: large;
	font-weight: bold;
}
/*password validation*/
/* The message box is shown when the user clicks on the password field */
#message {
display:none;
background: #f1f1f1;
color: #000;
position: relative;
padding: 5px;
margin-top: 5px;
}

#message p {
font-size: 12px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
color: green;
}

.valid:before {
position: relative;
left: -35px;
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
color: red;
}

.invalid:before {
position: relative;
left: -35px;

}
/*focus confirm password  */
#confirmPassword-feedback {
color: red;
}

.submit-message{
color:red;
background:yellow;
display:none;
};

/* donar.css end*/