html 
{ 

}

body
{
    background:black;
}


h2
{
	font-family: 'Ubuntu', sans-serif;
	color:#F5D04C
}


input
{
width:100px;
display: block;
margin : 0 auto;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
text-align:center;
background-color:#F5D04C;
font-family: 'Ubuntu', sans-serif;
}

#header
{
	padding-top:5x;
	margin:10px;
}

#PartyBucket
{
	width:100%;
}


#BigBucket
{
width:100%;
height:100%;
background: #acacac;
}

#ButtonBucket
{
width:85%;
height:100%;
}

#note
{
	clear:left;
font-family: 'Ubuntu', sans-serif;
	color:#F5D04C;
	font-size:1.3em;
		padding-top:5x;
	margin:10px;
	
}

.playpause
{
	width:70px;
	height:50px;
	float:left;
	padding-top:20px;
	margin-top:10px;
	margin-bottom:80px;
	margin-left:20px;
	border:outset;
	border-style: 18px  outset;
	border-color:#F5D04C;
	border-width:10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background:#c4a63c;
	font-size:2em;
	text-align:center;
}

.playpause:hover {
    background:#F5D04C;
	cursor:pointer;
}

.playpause:active {
  border-style: 9px  outset;  
  border-width:5px;
	width:80px;
	height:60px;

}
.buttoncontainer
{
	width:160px;
	height:70px;
	float:left;
	margin-bottom:80px;
	
}

.button
{
	width:130px;
	height:40px;
	border:outset;
	border-style: 18px  outset;
	border-color:#d2e3ed;
	border-width:10px;
	margin: 10px;
	padding-top:20px;
	background:#8F8F8F;
	font-family: 'Ubuntu', sans-serif;
	font-size:1.6em;
	color:#F5D04C;
	text-transform: uppercase;
	text-align:center;
}

.button:hover {
    background:#a8b5bd;
	cursor:pointer;
}

.button:active {
  border-style: 9px  outset;  
  border-width:5px;
	width:140px;
	height:50px;

}

#wordbucket
{
	width:700px;
	float:left;
}