body {
	background:white;
	margin:0;
	padding:0;
}

main {
	display:block;
	max-width:100vw;
	min-height:calc((100vw / 1200) * 1435);
	height:100%;
	background-color:white;
	background-size:100%;
	background-repeat:no-repeat;
	border:none;
	margin:0;
	padding:0;
}

@media only screen and (min-width:1024px) {
body {
	background:linear-gradient(to right, rgba(211, 38, 43, 0), rgba(211, 38, 43, .8) 30%, rgba(211, 38, 43, .8) 70%, rgba(211, 38, 43, 0));
}

main {
	display:block;
	margin:0.5rem auto;
	padding:0;
	border:2px solid black;
	width:40vw;
	min-height:calc(100vh - 1rem);
	border-radius:1rem;
}
}

header {
	text-align:center;
}

h1 {
	font-size:5rem;
}

.links {
	display:flex;
	flex-wrap:wrap;
	width:80%;
	margin-top:5rem;
	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:#0000ee;
	background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

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

.links .secondary {
	margin-top:2rem;
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.secondary a {
	flex-basis:100%;
	margin:2rem;
	font-size:2rem;
	font-weight:bold;
	color:#0000ee;
	background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}