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

@font-face {
    font-family: BASKVILL;
	src: url("../fonts/BASKVILL.TTF")
}
@font-face {
    font-family: PingFang Bold;
	src: url("../fonts/PingFang Bold.ttf")
}

@font-face {
    font-family: PingFang Light;
	src: url("../fonts/PingFang Light.ttf")
}


h1{
	position:absolute;

	z-index:3;
   left:0; right:0; top:0; bottom:0;

    margin:auto;
	
}
.line2{
	
font-family: PingFang Light;
	font-size: 15px;
	margin-top: 360px;
	text-align: center;	
	color: White;
	letter-spacing: 3px;
	
}
.line1{
font-family: BASKVILL;
	text-align: center;	
	font-size:62px;
	margin-top: 290px;
	color: White;

}
	
	


video{
	position: absolute;
    top:0px;
	z-index:-1;
	
}
nav{
	position: absolute;
	z-index:4;
	left:50%;
	top: 472px;
	transform: translateX(-350px);
	 margin:auto;
}
nav ul{
	color: White;
	display: flex;
	justify-content: space-between;
	width: 710px;
}
nav li{
	font-family: PingFang bold ;
	color: #ffffff;
	height:55px;
	width:20%;
	text-align: center;
	line-height: 55px;

}


nav a{
	text-decoration: none;
	padding:0 0 14 0;
	border-bottom-color:0;
	border-bottom-width:1.5px; 
	border-bottom-style:solid; 
	width: 100%;
	height: 100%;
  color: White;
  
}

nav a:hover{
	color: #B7FFFF;
	
}

.container {
    width: 256px; height: 464px;
    margin: auto;
    background-color: #000;
    position: relative;
}
.container > img {
    position: absolute;
    width: 100%; height: 100%;
}
.loading {
    position: absolute;
    height: 8px; width: 150px;
    border: 1px solid #eee;
    background: linear-gradient(to top, #eee, #eee);
    background-size: 0 100%;
    transition: background-size .1s;
    left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
}
.loading::before {
    content: attr(data-percent)'%';
    position: absolute;
    left: 0; top: -1.5em;
    font-size: 12px;
    color: #eee;
}

/*
body{
	background: #000000;
}
*/