footer {
	margin-top: 20px; 
}
#game { 
	position: relative;
	margin: 0 auto;
	width: 404px; 
	height: 220px; 
}
#player_1 {
	float: left; 
	top: 4px;  
	left: 20px;
}
#player_2 {
	float: right;
	top: 4px;
	right: 20px; 
}

.score {
	position: relative;
	z-index: 10; 
	background-color: rgba(0,0,0,0.8);
	color: white; 
	width: 28px; 
	text-align: center; 
	border-radius: 5px; 
	font-weight: bold; 
}

#playground {
	background: url('../images/rink.png');
	background-size: cover;
	width: 100%; 
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
	border: solid 4px black;
	border-radius: 40px;
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
}

#ball {
	background: black;
	position: absolute; 
	width: 20px; 
	height: 20px; 
	left: 150px; 
	top: 100px; 
	border-radius: 10px;
}

.text-center { 
	text-align: center; 
}

.paddle {
	background-size: contain;
	top: 70px; 
	position: absolute;
	width: 30px;
	height: 70px;
}

#paddleA {
	left: 50px;
	background-image: url('../images/football-player-left.png');
}

#paddleB {
	right: 50px;
	background-image: url('../images/football-player.png');
}

.paddle-hand {
	background: url('../images/football-player-hand.png') 50% 0 repeat-y;
	background-size: contain;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
}

.left.paddle-hand {
	left: 50px;
}

.right.paddle-hand {
	right: 50px;
}