html{




}
body{


background-image: url(/pics/bg.jpg);


 

}
#header{
margin: 10px auto;
background-image: url(/pics/ultimacraft.png);
width: 1024px;
height: 256px;
background-size: 100% 100%;
border-radius: 10px;
box-shadow: 
	12px 12px 25px black;
}
#content{
margin: 50px auto;
width: 1024px;
height: 256px;

}
#vote{
background-color: grey;
width: 256px;
height: 256px;
float: left;
margin-right: 128px;
border-radius: 10px;
box-shadow: 
	12px 12px 25px black;
}
.vote{
background-image: url(/pics/vote.png);
}
.vote:hover{
background-image: url(/pics/vote_d.png);
}
#forum{

width: 256px;
height: 256px;
float: left;
margin-right: 128px;
border-radius: 10px;
box-shadow: 
	12px 12px 25px black;
}
.forum{
background-image: url(/pics/forum.png);
}
.forum:hover{
background-image: url(/pics/forum_d.png);
}

#discord{

	width: 256px;
	height: 256px;
	float: left;
	margin-right: 128px;
	border-radius: 10px;
	box-shadow: 
		12px 12px 25px black;
}
.discord{
	background-image: url(/pics/discord.png);
}
.discord:hover{
	background-image: url(/pics/discord_d.png);
}

#shop{
width: 256px;
height: 256px;
float: left;
border-radius: 10px;
box-shadow: 
	12px 12px 25px black;
}
.shop{
background-image: url(/pics/shop.png);
}
.shop:hover{
background-image: url(/pics/shop_d.png);
}
#footer{
	position: fixed;
	bottom: 0px;
	margin : 0;
	padding: 0;
	padding-left: 50px;
	left: 0;
	right: 0;
	width: 100%;
	height: 60px;
	font-family: Arial;
	text-shadow: 1px 1px 1px white;
	border-bottom: 1px solid rgba(0,0,0,0.3);	
	background: rgba(0,0,0,0.25);
	box-shadow: inset 0 1px rgba(255,255,255, 0.3),
				inset 0 10px rgba(255,255,255, 0.15),
				inset 0 10px 20px rgba(255,255,255, 0.2),
				inset 0 -15px 30px rgba(0,0,0, 0.3);
}