@font-face{
    font-family: "Exo 2";
    src: url('Exo2.ttf') format('woff2');
}

* {
	--light-yellow: rgb(255, 212, 40);
	--dark-yellow: rgb(255, 177, 20);
	--darker-yellow: rgb(255, 142, 0);
	--dark-red: rgb(130, 30, 30);
}

body {
	display: flex;
	overflow-x: hidden;
	overflow-y: scroll;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	width: 100%;
	height: 100%;
	text-shadow: 2px 2px 0px var(--dark-yellow); 
	color: var(--dark-red);
	background-color: var(--light-yellow);
}

.content {
	display: flex;
	flex-direction: column;
	width: 80%;
	padding: 12pt;
	margin: 0;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}

.tagline {
	font-size: 14pt;
	margin: 2pt;
	padding: 0pt;
	font-weight: 600;
}

a {
	color: var(--dark-red);
	font-weight: 700;
	text-decoration: none;
}
a:hover {
	color: var(--dark-red);
	text-decoration: underline;
}

.logo {
	padding-bottom: 24pt;
	width: 160pt;
	pointer-events: none;
}

ul {
	display: inline;
	width: 100%;
	list-style-type: none;
	font-size: 18pt;
	color: rgba(0, 0, 0, 0.0);
	margin: 0;
	padding: 0;
}

.major-link {
	font-size: 18pt;
}

.minor-link {
	font-size: 12pt;
}

li {
	color: inherit;
	display: inline-block;
	padding: 4pt 8pt;
}