body {
	background:white;
}

main {
	display:block;
	max-width:100vw;
	min-height:calc((100vw / 640) * 448 - 1rem);
	height:100%;
	background:#FFF;
	border:none;
	margin:0;
	padding:1rem 1rem 0 1rem;
}

@media only screen and (min-width:1024px) {
body {
	background:#003893;
}

main {
	display:block;
	margin:0 auto;
	padding:0;
	border:2px solid white;
	width:50vw;
	min-height:calc((50vw / 640) * 448);
	border-radius:1rem;
}
}

header {
	text-align:center;
}

h1 {
	font-size:5rem;
}

.links {
	display:flex;
	flex-wrap:wrap;
	width:80%;
	margin-left:10%;
	flex-direction:row;
	justify-content:center;
	align-content:center;
	text-align:center;
}

.links a {
	flex-basis:100%;
	margin:3rem;
	font-size:2.5rem;
	font-weight:bold;
	color:#003893;
}

.links a:visited {
	color:#DC143C;
}