body {
	background-color: black;
	font-size:10px; 
	color:#777777; 
	font-family:arial; 
	}
	
a:link {
  color: white;
  text-decoration: none;
}
	
h1 {
	font-size:24px; 
	color:#AAA; 
	margin: 100px 0 70px 0;
	text-align:center;
	}
	
h3 {
	font-size:14px; 
	color:#AAA; 
	margin: 0 0 50px 0;
	text-align:center;
	}
	
#parent {
    width: 100%;
    height: 400px;
    text-align: center;
    vertical-align: middle;
}
#child {
    display: inline-block;
    width: 460px;
    height: 300px;
}

.control {
	position: relative;
	right: 210px;
	top: 3px;
	width: 160px;
         }
		 
.control1 {
	width: 200px;
         }
	

audio {
	display: none;
}
input {
	display: none;
}
label {
	position: absolute;
	left: 0;
	top: 0;
	height: 200px;
	width: 200px;
	background: url(../images/play.png) no-repeat;
	background-size: 200px;
}
button {
	position: relative;
	left: 210px;
	width: 250px;
	background: rgba(0, 0, 0, 0.01);
	margin-top: 5px;
	padding: 3px 7px;
	color: #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #666;
}
button:hover { background: rgba(255,255,255,.2); }
button:active { background: rgba(0, 0, 0, 0.1); }
#container {
  height: 200px;
  width: 200px;
  background: rgba(255,255,255,.8);
  border-radius: 25px;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
  transition: .5s linear;
}
#container:hover #disc {
  margin-left: 110px;
  transform: rotate(360deg);
}
#disc {
  position: absolute;
  height: 150px;
  width: 150px;
  z-index: -1;
  border-radius: 50%;
  background: transparent;
  margin: 20px;
  transition: .9s linear;
  box-shadow:
    0 8px 6px -8px rgba(0,0,0,0.5),
    0 0 1px 1px rgba(0,0,0,0.5),
    0 0 0 1px #666 inset,
    0 0 0 2px #222 inset,
    0 30px 0px -29px #444 inset,
    0 -30px 0px -29px #444 inset,
    0 0 0 3px #333 inset,
    0 0 0 4px #222 inset,
    0 0 0 5px #333 inset,
    0 33px 0px -27px #444 inset,
    0 -33px 0px -27px #444 inset,
    0 0 0 6px #222 inset,
    0 0 0 7px #333 inset,
    0 0 0 8px #222 inset,
    0 34px 0px -25px #444 inset,
    0 -34px 0px -25px #444 inset,
    0 0 0 9px #333 inset,
    0 0 0 10px #222 inset,
    0 0 0 11px #333 inset,
    0 35px 0px -23px #444 inset,
    0 -35px 0px -23px #444 inset,
    0 0 0 12px #222 inset,
    0 0 0 13px #333 inset,
    0 0 0 14px #222 inset,
    0 36px 0px -21px #444 inset,
    0 -36px 0px -21px #444 inset,
    0 0 0 15px #333 inset,
    0 0 0 16px #222 inset,
    0 0 0 17px #333 inset,
    0 37px 0px -19px #444 inset,
    0 -37px 0px -19px #444 inset,
    0 0 0 18px #222 inset,
    0 0 0 19px #333 inset,
    0 0 0 20px #222 inset,
    0 38px 0px -17px #444 inset,
    0 -38px 0px -17px #444 inset,
    0 0 0 21px #333 inset,
    0 0 0 22px #222 inset,
    0 0 0 23px #333 inset,
    0 39px 0px -15px #444 inset, 
    0 -39px 0px -15px #444 inset, 
    0 0 0 24px #222 inset,
    0 0 0 25px #333 inset,  
    0 0 0 26px #222 inset,
    0 40px 0px -13px #444 inset,
    0 -40px 0px -13px #444 inset,
    0 0 0 27px #333 inset,
    0 0 0 28px #222 inset,
    0 0 0 29px #333 inset,
    0 41px 0px -11px #444 inset,
    0 -41px 0px -11px #444 inset,
    0 0 0 30px #222 inset,
    0 0 0 43px #333 inset,
    0 0 0 45px #AF2A10 inset,
    0 0 0 47px #333 inset,
    0 0 0 62px #AF2A10 inset,
    0 0 10px 78px rgba(0,0,0,0.5) inset;
}