body {
	background-color: black;
	background-image: url(back.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: 102% 120%;
	-moz-background-size: 102% 120%;
	-o-background-size: 102% 120%;
	background-size: 102% 120%;
	scale: auto;
	font-family: Metal Mania;
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: center;
}
a{
	background-color: black;
}


	a:link, a:visited {
	text-decoration: none;
}
a:hover {
	background-color: #808080;
	border-radius: 115px;
}
h1 {
	font-size: 70%;
	background-color: black;
	border-radius: 2%;
}
h2 {
	color: white;
	
}
#back {
	background-color: white;
	border-radius: 10%;
	position: absolute;
	top: 94%;
	right: 70%;

}
#home{
	background-color: white;
	border-radius: 10%;
	position: absolute;
	top: 94%;
	right: 55%;

}
#next {
	background-color: white;
	border-radius: 10%;
	position: absolute;
	top: 94%;
	right: 40%;
	
}



.dropzone {

	width: 45%;
	height: 45%;
	position: absolute;
	left: 23%;
	right: 77%;
	top: 45%;

}

#playlist {
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 25%;
	right: 30%;
	top: 45%;
	bottom: 5%;
	border: 5px solid black;
	margin: 10px;
	float: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;


}
.scrolling-box {
	right: -10%;
	left: -10%;
	top: 75%;
	bottom: -10%;
	text-align: center;
	border: 1% solid black;
	border-radius: 0%;
	scroll-behavior: smooth;
	overflow: auto;
	


}
video {
	position: absolute;
	left: 15%;
	right: 30%;
	top: 55%;
	bottom: 50%;
	width: 75%;
	height: 65%;
	scroll-behavior: none;

}

iframe {
	position: absolute;
	left: 20%;
	right: 50%;
	top: 42%;
	bottom: 0%;
	width: 50%;
	height: 50%;
	scroll-behavior: none;

}
.size {
	position: absolute;
	left: 15%;
	right: 30%;
	top: 25%;
	bottom: 50%;
	
	scroll-behavior: none;

}

h3 {
	color: white;
	position: absolute;
	left: 30%;
	right: 30%;
	top: 7%;
	bottom: 70%;
	font-size: 70%;
	

}


	
	
ul {
	color: white;
}
 
a {
	color: white;
	
	
}
h5 {
	size: 90px;
	position: absolute;
	top: 10%;
	bottom: 90%;
	left: 10%;
	right: 90%;
	list-style-type: none;
	color: white;
}
h6 {
	font-size: 85%;
	list-style-image: 	url(http://s1.ticketm.net/tm/en-us/img/sys/search/arts.png);
	color: white;
}


form {
  margin:0 auto;
  width:300px
}
input {
  margin-bottom:3px;
  padding:10px;
  width: 100%;
  border:1px solid #CCC
}
button {
  padding:10px
}
label {
  cursor:pointer
}
#form-switch {
  display:none
}
#register-form {
  display:none
}
#form-switch:checked~#register-form {
  display:block
}
#form-switch:checked~#login-form {
  display:none
}