@charset "UTF-8";
/* CSS Document */

/* fade-in animation */
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* Web font */
@font-face {
	font-family: "URW DIN";
	src: url(../font/URWDIN-Regular.eot) format("eot"), url(../font/URWDIN-Regular.woff) format("woff");
	font-weight: normal;
}
@font-face {
	font-family: "URW DIN";
	src: url(../font/URWDIN-Bold.eot) format("eot"), url(../font/URWDIN-Bold.woff) format("woff");
	font-weight: bold;
}

body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	font-family: "URW DIN", -apple-system, "BlinkMacSystemFont", "Segoe UI", "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", Sans-Serif;
	user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag: none;
}

body:after {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	content: "";
	z-index: -1;
	background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
}

nav li {
	list-style: none;
}

nav a {
	color: #fff;
	text-decoration: none;
}

div {
	color: #fff;
	font-size: 2em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

span {
	font-size: 0.5em;
}