@font-face {
	font-family: 'Mint Spirit';
	src: url('mint.otf') format('opentype');
}
* {
	padding: 0;
	margin: 0;
}
body {
	width: 150px;
	height: 50px;
}

table {
	width: 150px;
	height: 50px;
	border-spacing: 5px;
}

td {
	width:40px;
	height:40px;
	text-align:center;
	vertical-align: center;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-family: Mint Spirit, sans-serif;
	font-size: 24px;
}
td:first-child {
	border: 2px #ae8a13 solid;
	color: white;
	text-shadow: 1px -1px 3px #888888;
		filter: dropshadow(color=#888888, offx=1, offy=-1);
	background-image: linear-gradient(bottom, rgb(174,138,19) 0%, rgb(212,191,55) 80%);
	background-image: -o-linear-gradient(bottom, rgb(174,138,19) 0%, rgb(212,191,55) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(174,138,19) 0%, rgb(212,191,55) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(174,138,19) 0%, rgb(212,191,55) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(174,138,19) 0%, rgb(212,191,55) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(174,138,19)),
		color-stop(0.8, rgb(212,191,55))
	);
}
td:nth-child(2) {
	border: 2px #999999 solid;
	color: white;
	text-shadow: 1px -1px 3px #888888;
		filter: dropshadow(color=#888888, offx=1, offy=-1);
	background-image: linear-gradient(bottom, rgb(153,153,153) 0%, rgb(192,192,192) 80%);
	background-image: -o-linear-gradient(bottom, rgb(153,153,153) 0%, rgb(192,192,192) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 0%, rgb(192,192,192) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(153,153,153) 0%, rgb(192,192,192) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(153,153,153) 0%, rgb(192,192,192) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(153,153,153)),
		color-stop(0.8, rgb(192,192,192))
	);
}
td:last-child {
	border: 2px #a75b10 solid;
	color: white;
	text-shadow: 1px -1px 3px #888888;
        filter: dropshadow(color=#888888, offx=1, offy=-1);
	background-image: linear-gradient(bottom, rgb(167,91,16) 0%, rgb(205,127,50) 80%);
	background-image: -o-linear-gradient(bottom, rgb(167,91,16) 0%, rgb(205,127,50) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(167,91,16) 0%, rgb(205,127,50) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(167,91,16) 0%, rgb(205,127,50) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(167,91,16) 0%, rgb(205,127,50) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(167,91,16)),
		color-stop(0.8, rgb(205,127,50))
	);
}