body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
}
a.link {
	opacity: 1.0;
	transition: 0.7s;
	margin-right: 0.5vmax;
	color: #FFFFFF;
}
a.link:hover {
	opacity: 0.7;
	transition: 0.7s;
	color: #DDDDDD;
}
a.link i {
	padding: 5px;
}
#name {
	position: absolute;
	bottom: 4.2vmax;
	left: 6vmax;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 7vmax;
	text-align: left;
}
#links {
	position: absolute;
	top: 1vmax;
	right: 1.2vmax;
	text-align: right;
	font-size: 2.5vh;
}
#background {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	height:100%;
	width:100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index:-2;
}
#overlay {
	background-image: url('overlay.png');
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1;
}
@media only screen and (orientation: portrait), (max-width: 800px) {
	#name {
		font-size: 15vw;
		top: 9vh;
		left: 5vw;
	}
	#links {
		top: 1.8vmax;
		font-size: 6vw;
	}
	#background {
		background-position: 30% center;
	}
}