css/ranking.css

#inner-container {
	background-color: white;
}

p {
	font-size: 16px;
	text-align: justify;
}

table#ranking {
	font-size: 18px;
	text-align: center;

	font-family: 'Open Sans';
  	
	margin: auto;
	width: 100%;
}

table#ranking td {
	padding: 10px;
}

tr.gold {
	background-color: rgba(255, 225, 0, 0.3);
}

tr.silver {
	background-color: rgba(200, 200, 200, 0.3);
}

tr.bronze {
	background-color: rgba(200, 125, 50, 0.3);
}

tr.me {
	background-color: rgba(50, 50, 255, 0.3);
}

tr.top3 td:first-child::before {
	content: '';
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
	top: 0px;
	left: 5px;
}

tr.gold td:first-child::before {
	background-image: url('../bin/images/first.png');
}


tr.silver td:first-child::before {
	background-image: url('../bin/images/second.png');
}


tr.bronze td:first-child::before {
	background-image: url('../bin/images/third.png');
}