@charset "utf-8";

#header {
	position: relative;
	height: 100vh;
} 

#video-area {
	position: fixed;
	z-index: -1;
	top: 0;
	right:0;
	left:0;
	bottom:0;
	overflow: hidden;
}

#video {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
}

h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-100%) translateX(-50%);
	color: #fff;
	text-shadow: 0 0 15px #666;
	font-size: 400%;
	font-family: "Trebuchet MS",
    	Verdana,
    	sans-serif;
	white-space: nowrap;
}

#d {
	display: inline-block;
	transform: translateY(-20%) scale(1.15, 1.15);
	letter-spacing: 0.05em;
}

#u {
	display: inline-block;
	transform: rotate(90deg) translateX(38%) scale(1.05, 1.05);
	letter-spacing: 0.28em;
}

#m {
	display: inline-block;
	transform: translateY(-10%) scale(0.9, 0.9);
}

#p {
	display: inline-block;
	transform: translateY(15%) scale(1.1, 1.1);
}