body {
  background-image: url("rave.gif"),url("rave.gif");
  background-repeat: repeat-y, repeat-y;
  background-position:right top, left top;
  background-size: 150px, 150px;
  background-color:RGB(18,12,14);
color:white;
}
audio{
text-align:center;
}
.b{
	background-image: url("rainbow.gif");
	text-align:center;
	font-size:300%;
}
.l{
	width:30%;
	float:left;
	text-align:right;
}
.g{
text-align:center;
	padding-top:20px;
	width:40%;
	float:left;
}
.p{
	width:30%;
	float:left;
}
.f{
	width:100%;
	float:left;
	text-align:center;
}
.lf{
	float:left;
	margin-left:20%;
	width:25%;
	
}
.pf{
	width:80%;
}
.s{
	float:left;
	height:390px;
	margin-left:35%;
	padding-top:5%;
	width:10%;
}
.st{
	float:left;
	margin-top:5%;
	width:40%;
	font-size:120%;
}
hr{
	margin-left:250px;
	margin-right:250px;
	border-style: dashed;
	border-color:gray;
}
img {
	max-width: 100%;
    height: auto;
}

  .overlay{
    background-color:black;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
	text-align:center;
	padding-top:22%;
}

.hi {
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}