<!DOCTYPE html>
<html>
<head>
	<title>Orders - Detail</title>
	<style>

		h1#title{
			font-family: Arial;
			text-align: center;
			font-size: 60px;
		}

		h2{
			font-family:Arial;
			text-align:center;
			font-size:34px;
			margin-top:-20px;
		}

		table{
			width:45%;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:30px;
		}

		table, th, td{
			border: 2px solid black;
			border-collapse: collapse;
			font-family: Arial;
			font-size: 24px;
		}

		th, td{
			padding: 5px;

		}

		tr.r1{
			text-align:center;
			border: 3px solid black;
		}

		tr.r2{
			border: 3px solid black;
		}

	</style>
</head>
<body>
<h1 id='title'>Orders - Detail<h1>
	<h2>(GEM)</h2>

<table>
	<tr class = "r1">
		<th colspan ="2">ORDER SLIP</th>
	</tr>
	<tr class = "r2">
		<td>Customer</td>
		<td>Gem</td>
	</tr>
	<tr class = "r2">
		<td>Size</td>
		<td>Large (8oz)</td>
	</tr>	
	<tr class = "r2">
		<td>Base Recipe</td>
		<td>Coffee Crumble</td>
	</tr>	
	<tr class = "r2">
		<td>Customization</td>
		<td>1 corn flakes<br/>no whipped cream</td>
	</tr>	
</table>


</body>
</html>