@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

body {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url("/images/background.png");
	color: grey;
	font-family: 'Raleway', sans-serif;
}
#mainPage {
	position: absolute;
	height: 100%;
	width: 100%;
}
#mainPage #content {
	text-align: center;
}
#mainPage #content .box {
	background-color: rgba(0,0,0,0.3);
	border-radius: 5px;
	border: 5px rgba(0,0,0,0.5) solid;
	display: inline-block;
}
#mainPage #content .linkBox {
	display: inline-block;
	width: 15vw;
	height: 15vw;
	margin-left: 3vw;
	margin-right: 3vw;
	margin-top: 3vw;
	background-size: contain;
	border-radius: 5px;
	transition: border 200ms ease-in-out 250ms;
	border: 5px rgba(0,0,0,0.25) solid;
	background-repeat: no-repeat;
}
#mainPage #content .linkBox:hover {
	border: 5px rgba(255,255,255,0.75) solid;
}
#mainPage #content .linkBox#undeaddawn {
	background-image: url("/images/UndeadDawn.png");
}
#mainPage #content .linkBox#ihahic {
	background-image: url("/images/IHAHIC.png");
}
#mainPage #footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
	background-color: rgba(0,0,0,0.8);
	border-top: black solid 3px;
}