* {}
body {
	margin:0;
	padding:0;
	font-family:sans-serif;
	background:#000;
}



#fullscreen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#video1 {
	position: fixed;
	left:0;
  	top:-10%;
	width: 100%; 
	height: 120%;
	z-index:1;
}
#video2 {
	position: fixed;
	left:0;
  	top:-10%;
	width: 100%; 
	height: 120%;
	z-index:2;
}
#dollyvision {
	z-index:3;
	background: url(dollyvision.png) no-repeat center center fixed; 
  background-size: cover;
  width:100%;
  height:100%;
  position:relative;
}


/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.cover {
	float:left;
	margin-top:-100px;
	width:300px;
	height:300px;
	margin-right:20px;
}

.content .title {
	font-weight:bold;
	font-size:200%;
	display:block;
	line-height:200%;
}
.content .artist {
	font-weight:bold;
	font-size:160%;
}
.content .year {
	font-size:160%;
	font-style:italic;
}

#playcontrols {
	text-align:center;
	font-size:300%;
	font-family:serif;
	margin-top:20px;
}
#playcontrols span {
	cursor:pointer;
}
#fullscreenbutton {
	float:right;
	padding-right:50px;
}
#poscontrol {
	text-align:center;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}