Untitled

<html>
	<head>
		<title>EZ Bounty</title>
		<style>
			.bounty_bar::after {
				height: 40%;
				content:"";
				background: rgb(91, 66, 27);
				display: block;
			}
		</style>
		<link rel="stylesheet" href="css/font-awesome.min.css">
	</head>
	<body>
		<table id="bounty" style="background-color: rgba(0, 0, 0, 0.8); width: 84px; height: 64px; border-collapse: collapse; border-spacing: 0;" cellspacing="0" cellpadding="0">
			<tbody>
				<tr>
					<td style="padding: 0px; padding:0px; width: 62px;"><img style="display: block; padding-left: 2px; padding-right: 2px;" src="img/bounty_0.png" /></td>
					<td style="padding: 0px; padding:0px; width: 9px;">
						<div style="background-color: rgb(239, 164, 37); margin-top: 2px; margin-bottom: 2px; height: 60px;" class="bounty_bar"></div>
					</td>
					<td style="padding: 0px; padding:0px; width: 9px;">
						<table style="max-height: 64px; font-size: 8px;">
							<tbody>
								<tr style="padding-bottom: 2em !important;">
									<td><i style="color: rgb(222, 222, 222);" class="fa fa-star" aria-hidden="true"></i></i></td>
								</tr>
								<tr>
									<td><i style="color: rgb(222, 222, 222);" class="fa fa-star" aria-hidden="true"></i></td>
								</tr>
								<tr>
									<td><i style="color: rgb(239, 164, 37);" class="fa fa-star" aria-hidden="true"></i></td>
								</tr>
								<tr>
									<td><i style="color: rgb(239, 164, 37);" class="fa fa-star" aria-hidden="true"></i></td>
								</tr>
								<tr>
									<td><i style="color: rgb(239, 164, 37);" class="fa fa-star" aria-hidden="true"></i></td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>