
	
ol, ul  { 
	list-style-type: circle; 
	margin-left:10px;
	padding-top:15px;

}
a{	
	color:#cfcfcf;
	text-decoration: none;
}
ul li{
	margin-top:5px;
}
h1, h2, h3, h4, p{
	color:#fff;
}
h1{
	font-size: 25px;
	font-weight: 300;
	

}
h2{
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
}
h3{
	font-size:20px;
	font-weight:900;
	
 }
 h4{
	font-size:18px;
	font-weight:bold;
 }
p{
	font-size:17px;
	font-weight: 300;
}
:focus  { outline: 0; }

html, body{
	
	color:#fff;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	background-color:transparent;
	font-size:13px;
	line-height: 1.2;
	overflow: hidden;
	width   : 100%;
	height  : 100%;
	margin  : 0;
	padding : 0;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background-color:transparent;
  /*background-image: url("../screenshot.jpg");
  background-position: center;
  background-size: cover;*/
}


#renderCanvas {
	width   : 100%;
	height  : 100%;
	touch-action: none;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	padding:30px;
}
#infos{
	position:absolute;
	bottom:100px;
	left:35px;
	padding:30px;
	display:none;
	background: rgba(0,0,0,0.3);
}
#infotext{
	width:500px;
	float:left;
}
h1{
	font-size: 30px;
	font-weight: 300;
	display: inline-block;
	margin-bottom:10px;
}
h3{
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
	margin-bottom:20px;
	
}
h1 .square {
	background-color: #c1252b;
	margin-right: 5px;
	margin-top: 2px;
	width: 21px;
	height: 21px;
	float: left;
}
	
.lds-heart {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
transform: rotate(45deg);
transform-origin: 40px 40px;
}
.lds-heart div {
top: 32px;
left: 32px;
position: absolute;
width: 32px;
height: 32px;
background: #fff;
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background: #fff;
}
.lds-heart div:before {
left: -24px;
border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
top: -24px;
border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
	0% {
	transform: scale(0.95);
	}
	5% {
	transform: scale(1.1);
	}
	39% {
	transform: scale(0.85);
	}
	45% {
	transform: scale(1);
	}
	60% {
	transform: scale(0.95);
	}
	100% {
	transform: scale(0.9);
	}
}






