@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

*{
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
}

body{
	font-family:'Roboto Condensed';
	font-size:15px;
	color:#fea;
	background-color:#000;
	width:1000px;
	margin:100px auto;
	line-height:1.0;
	text-align:center;
	letter-spacing:2px;
	height:700px;
	overflow:hidden;
}

h1{
	font-size:30px;
	letter-spacing:3px;
	margin:10px;
}

video{
	width:100%;
	max-height:300px;
	border:1px solid #fea;
}

#welcome{
	font-size:18px;
	margin:10px;
}

#start{
	display:block;
	position:relative;
	z-index:3;
	font-size:20px;
	color:#000;
	background:#cb5;
	text-align:center;
	line-height:2.0;
	padding:5px;
	margin:10px auto;
	width:200px;
	font-weight:bold;
	text-decoration:none;
}

#start:hover{
	background:#fea;
}

#msg{
	font-size:20px;
	display:block;
	position:fixed;
	z-index:100;
	background:rgb(0,0,0,0.8);
	color:#fea;
	border:2px solid #fea;
	top:50%;
	left:50%;
	width:300px;
	height:100px;
	margin-left:-150px;
	text-align:center;
	padding:10px;
}
#button{
	font-size:20px;
	display:block;
	background:rgb(0,0,0);
	color:#fff;
	border:2px solid #fea;
	text-align:center;
	width:100px;
	padding:5px;
	margin:10px auto;
	cursor:pointer;
	z-index:101;
}

#items{position:absolute;z-index:10;}

.item{
	display:block;
	position:absolute;
	z-index:1;
	text-align:center;
	text-shadow:0px 0px 3px #000;
	width:100px;
	height:30px;
	border:1px solid #aaa;
}