h1 {text-align: center;}

h2 {text-align: center;}

footer {text-align: center;}

form {display: flex;}
			flex-flow: column nowrap;}
			
input, textarea {margin-bottom: .5em;}

form {display: grid;
		grid-gap: 1em;
		gap: 1em;
		grid-template-columns: 6em 1fr;
		grid-templte-rows: auto;
		width: 60%;}
		
@media (min-width: 600px)
{
		form {display: grid;
			grid-gap: 1em;
			gap: 1em;
			grid-template-columns: 6em 1fr;
			grid-templte-rows: auto;
			width: 60%}
			
		input[type="submit"] {grid-colum: 2/3;
								width: 9em;}