/*styles submit button when hovered*/
/*changes brightness on button when hovered*/
.submit-button:hover{
	filter: brightness(0.9);
}
/*styles submit button when clicked*/
/*transform moves button to symbolize click*/
.submit-button.active{
	transform: translateY(2px);
}
/*style sumbit button*/
/*sets height to 30 pixels*/
/*sets width to 70 pixels*/
/*color: sets text to white*/
/*border-radius: rounds button corners */
/*backgorund color: sets background color to blueish color*/
.submit-button{
	height: 40px;
	width: 78px;
	color: white;
	border: none;
	border-radius: 20px;
	background-color: blue;

}
/*styles the for object*/
/*margin centers the form horizontally*/
/*width is smaller for bigger screens*/
.form{
	margin: 0 auto;
	background-color: black;
	width: 50%;
}
.form-group{
	background-color: black;
}
/*media all creates media query that applies styles to all media types and the styles work when screen is smaller than 768px*/
@media all and (max-width: 768px){
	.form{
		/*margin centers the form horizontally*/
		/*width is bigger for smaller screens*/
		margin: 0 auto;
		width: 100%;
	}
}