body {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
}

#splash {
	position: relative;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-size: contain;
	background-color: lightblue;
}


#menu {
	width: 80%;
	position: fixed;
	top: 5%;
	left: 10%;
	background-color: white;
	z-index: 10;
}

#footer {
	color: white;
	position: fixed;
	bottom: 0%;
	width: 100%;
	height: 80px;
	background-color: black;
	z-index: 10;
}

#button_home {
	padding: 20px;
}

#button_about {
	padding: 20px;
}

#button_academics {
	padding: 20px;
}

#button_activities {
	padding: 20px;
}

#home {
	position: relative;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-size: contain;
	background-color: darkred;
}

#about {
	position: relative;
	top: -100%;
	left: 100%;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-size: contain;
	background-color: gray;
}

#academics {
	position: relative;
	top: -200%;
	left: 200%;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-size: contain;
	background-color: darkgreen;
}


#activities {
	position: relative;
	top: -300%;
	left: 300%;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-size: contain;
	background-color: purple;
}