@font-face {
	font-family: datalegreya;
	src: url(fonts/datalegreya/Datalegreya-Thin.otf);
}
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
}
body {
	background-color: #04040E;
}
#background {
	width: inherit;
	height: inherit;
}
#header {
	width: 100%;
	height: 80px;
	background-color: #090A16;
	font-family: datalegreya;
	font-size: 50px;
	color: white;
}
#title {
	display: block;
	padding: 10px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	float: left;
}
#linkArea {
	float: right;
	display: block;
	padding: 7px;
}
.links {
	margin-right: 30px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-size: 35px;
}
.links:hover {
	cursor: pointer;
}
#footer {
	width: 100%;
	height: 67px;
	background-color: #090A16;
	font-family: datalegreya;
	font-size: 30px;
	text-align: center;
	color: white;
}
#email {
	position: relative;
	top: 15px;
	cursor: pointer;
}
#portArea {
	width: 100%;
	height: 85%;
}
#testImage {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.navButton {
	color: white;
	font-family: datalegreya;
	font-size: 85px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	background-color: #090A16;
	opacity: .3;
	cursor: pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#left {
	margin-left: 10px;
}
#right {
	left: 100%;
	margin-left: -110px;
}