:root {
	--main: #031A6B;
	--secondary: #ADD8E6;
	--accent: #EFDD8D;
	--highlight: #499F68;
	--required: #FF0000;
	--valid: #00FF00;
}

html{
	font: inherit;
}

section {
	background-color: var(--secondary);
}

section, h1, label {
	color: var(--main);
} 

h1 {
	text-align: center;
}

form{
	padding: .7em;
	& label {
		display: block;
	}
	& input {
		width: 100%;
	}
	& fieldset, label {
		padding-left: .5em;
		
	}
}


button {
	width: 100%;
	padding: .5em;
	margin-top: 1em;
	margin-bottom: 1em;
	justify-content: center;
}