{
		box-sizing: border-box;
		margin: 0;
		padding: 0;	
		text-align: center;
		font-family: 'Brush Script MT', cursive;
		font-weight: lighter;
		color: antiquewhite;
	}

	html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color:    #002633;
	}


	header { flex: 20%; }
	section:first-of-type { flex: 40%; }
	section:last-of-type { flex: 25%; }
	footer { flex: 5%; }


	form {
		height: 100%;
		display: grid;
		grid: auto / 1fr 1.2fr 1fr;
		row-gap: 3vh;
	}

	label, input[type="text"], span.checkmark {
		align-self: center;
		font-size: 33px;
	}

	label {
		justify-self: end;
	}

	input[type="text"] {
		justify-self: center;	
		width: 300px;
		background-color: #4080bf;
	}

	span.checkmark {
		justify-self: start;
	}

	input[type="submit"] {
		justify-self: center;
		height: 60px;
		width: 100px;
		font-size: 22px;
		background-color: #0077b3;

	}

	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h3 { margin-top: 5vh; }